在编译项目过程中,出现如下类似问题:
从报错的结果看,书写的代码没有符合ESlint的代码规范。
如何解决这类问题呢?
1、创建.prettierrc配置文件
在项目根目录中,创建.prettierrc文件,".prettierrc"文件是json格式的配置文件,该文件写入代码如下:
{
"semi":false,//格式化去掉代码中的分号
"singleQuote":true//将代码中的双引号,改成单引号
}
2、在'.eslintrc.js'文件中,修改验证语法规则
例如针对上图中的问题:
2.1、可以在源代码中修改错误,在错误位置输入空格;
2.2、可以在'.eslintrc.js'文件中,添加规则 'key-spacing': 0
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'@vue/standard'
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'key-spacing': 0//添加了此规则,上图中的问题就解决了
},
parserOptions: {
parser: 'babel-eslint'
}
}