$ npm install eslint --save-dev
紧接着你应该设置一个配置文件:
$ ./node_modules/.bin/eslint --init
然后按照可选一步一步配置:
安装之后你就可以看到目录里面有eslint 的配置文件:
module.exports = {
env: {
browser: true,
es2021: true
},
extends: [
‘plugin:vue/essential’,
‘standard’
],
parserOptions: {
ecmaVersion: 12,
sourceType: ‘module’
},
plugins: [
‘vue’
],
rules: {
}
}
这里基本上eslint 就可以在项目里生效了,还需要自己风格配置和工具配置。
按照自己选项安装之后,可以发现安装了如下依赖:
-
eslint@7.12.1
-
eslint-plugin-node@11.1.0
-
eslint-config-standard@16.0.0 //对应配置项的extends:‘standard’
-
eslint-plugin-import@2.22.1
-
eslint-plugin-vue@7.1.0 //对应配置项的extends:plugin:vue/essential
-
eslint-plugin-promise@4.2.1
除了 eslint-config-standard@16.0.0
还有一个eslint-plugin-vue@7.1.0
,
添加这个插件可以检查.vue 文件的 template ,同时该插件提供多种规则标准集关于vue3和vue2。建议使用:Recommended,可以规范template 标签。