这是一份关于eslint规则的配置文件,主要来自@PanjiaChen的代码规范。
-
依赖
- 下载npm包(使用vue-cli 3.0 搭建的项目只需要install第四个包)
- eslint
- eslint-friendly-formatter
- eslint-loader
- eslint-plugin-html
- 复制或者下载配置文件放置到项目根目录
- 下载npm包(使用vue-cli 3.0 搭建的项目只需要install第四个包)
-
vscode
在首选项中->设置->增加如下代码用来校验规则:
"files.autoSave": "off",
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{
"language": "vue",
"autoFix": true
}
],
"eslint.options": {
"plugins": [
"html"
]
},
同时增加以下代码用来保存时根据eslintrc配置来格式化代码
"eslint.autoFixOnSave": true
- 汉语注释所有的规则
- 在实际工程中运用此规则
- 养成习惯