前言:eslint很恶心的一个地方:你是否被各种语法报错一个标点符号,一个空格,一个回车......各种报错折磨着你!
加上编辑器 VS Code 的自动格式化稳稳的和Eslint冲突报错。
对此,我们想在 VS Code 中格式化不报错需要对eslint进行一些设置
错误一:方法小括号前面报错,Eslint要求前面必须加一个空格,Vs Code自动格式化是缩略了空格的,这时候
Module Error (from ./node_modules/eslint-loader/index.js):
error: Missing space before function parentheses (space-before-function-paren) at src\components\Login.vue:30:7:
28 | <script>
29 | export default {
> 30 | data () {
| ^
31 | return {
解决方法:找到.eslintrc.js 在rules里面加上
'space-before-function-paren': 0
即:
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'space-before-function-paren': 0
},
错误二:当字符串被打上双引号是报错,Eslint中规定单引号:上箭头指向引号
错误三:分号不支持,报错:上箭头指向分号
解决方法:全局添加 .prettierrc 文件
{
"semi": false, //分号
"singleQuote": true, //引号
"trailingComma": "none" // 去除尾部逗号
}
这时再用 Vs Code 的格式化就不会右上面三种报错了