如何更改vue.js应用程序中的lint目录

Question

我正在现有的PHP应用程序中设置Vue.js。由于PHP应用程序有一个现有的目录结构，我不得不使用Vue.config.js文件更改Vue Inspect中的一些默认位置。我想整理的网站的vue部分保存在：

/src/vue-app

当运行"npm-run lint"时，它会查找"/src"下的所有内容。如何告诉linter只在"/src/vue app"中查看？我的vue.config.js文件当前如下：

const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')
module.exports = {
// options...
baseUrl: 'https://local.my-site.com/dist/vue-app',
outputDir: '/sites/my-site/public/dist/vue-app',
configureWebpack: config => {
return {
entry: {
app: './src/vue-app/main.js'
},
resolve: {
alias: {
'@': path.resolve(__dirname, './src/vue-app')
}
}
}
},
chainWebpack: config => {
config
.plugin('html')
.tap(args => {
return [{
template: path.resolve(__dirname, './src/vue-app/index-default.phtml'),
filename: path.resolve(__dirname, './sites/my-app/module/Dash/view/dash/index.phtml')
}]
})
}
}

更新：

我在package.json文件中配置了以下内容。

"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit",
"test:e2e": "vue-cli-service test:e2e"
},

而这个。。。

"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"@vue/standard"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},

Answer 1

所以，虽然我希望有一种更简单的方法来配置它，但我在自己的项目中找到了一条前进的道路：

1. Vue CLI项目位于/src/webapp/中
2. .eslintrc和.prettierrc生活在src/webapp中
3. package.json位于根目录/中

因此，使命令vue-cli-service lint仅针对我的Vue CLI目录。由此产生的定义是：

vue-cli-service lint ./src/webapp/**/*.js ./src/webapp/**/*.vue

希望这能帮助其他人！

Answer 2

您只需使用

vue-cli-service lint ./src/vue-app

就像这个一样简单

Answer 3

您可以从package.json更改lint命令以包含您的目录。例如

"lint"："eslint-src/vue-app"，

参见命令行文档