vue eslint报错vue/multi-word-component-names
现象
如下图中配完eslint的项目,新文件第一个字符红色波浪线报错。
原因
eslint默认规则要求文件名双驼峰命名。
解决
打开.eslintrc.js文件,给rules添加以下规则就不会再报错:
'vue/multi-word-component-names': 'off'
附上eslint规则中文官网:
链接: https://eslint.bootcss.com/docs/rules/
以及最终完整版.eslintrc.js:
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'@vue/standard'
],
parserOptions: {
parser: '@babel/eslint-parser'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'vue/multi-word-component-names': 'off'
}
}