Vue 项目eslint 配置编程风格（VScode）

$ 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 标签。

ESLint常用配置说明

---

---