我们用Vue-Cli脚手架新建项目时会选择使用ESLint + Prettier来统一我们的前端代码风格,但这对新手使用有很大困难,严格的格式要求容易出现很多警告和错误,这时最好关闭ESLint + Prettier。
1.在src下新建文件.eslintrc.js,并如下配置:
module.exports = {
root: true,
env: {
node: true
},
extends: [
‘plugin:vue/essential‘,
//关闭ESlint关键代码
// ‘@vue/standard‘
],
parserOptions: {
parser: ‘babel-eslint‘
},
rules: {
//严格的检查缩进问题,不是报错,我们可以关闭这个检查规则,然后在终端输入npm run dev
"indent": ["off", 2],
//使用eslint时,严格模式下,报错Missing space before function parentheses的问题,意思是在方法名和刮号之间需要有一格空格。
‘space-before-function-paren‘: 0,
‘no-console‘: process.env.NODE_ENV === ‘production‘ ? ‘warn‘ : ‘off‘,
‘no-debugger‘: process.env.NODE_ENV === ‘production‘ ? ‘warn‘ : ‘off‘,
//关闭prettier
"prettier/prettier": "off"
}
}