Vue 项目eslint 配置编程风格（VScode）(1)，讲的太清楚了

安装之后你就可以看到目录里面有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常用配置说明

---

---

一个环境定义了一组预定义的全局变量。

| 配置项 | 说明 |

| — | — |

| env | 运行环境 |

一个配置文件可以被基础配置中的已启用的规则继承。