前言

最近有幸参与到公司的前端开发项目中，由于公司项目使用了严格的 eslint 来规范代码。之前，的项目全是用 webstrom 作为开发工具。但是我还是笔记喜欢使用 vscode 来编码，在设置 eslint 的时候就遇到了很多的问题。

使用到的 vscode 插件

• Vetur、ESLint、Prettier（代码美化工具）

Eslint 配置

# 安装
npm install eslint --save-dev
# 初始化
./node_modules/.bin/eslint --init

#vscode setting.json配置文件的配置
{
#In contrast, this configuration only turns it on for ESLint
    "editor.codeActionsOnSave": {
        "source.fixAll": true,
  	#指定公司的.eslintrc.js规则路径
            "eslint.options": { "configFile": "D:/github/chowder/vueitellyou/.eslintrc.js" }
    }
}

eslint-plugin-vue

#通过vue-cli（推荐）：
vue add @vue/cli-plugin-eslint

#通过npm （在新窗口中打开）：
npm install --save-dev eslint eslint-plugin-vue

#通纱 （在新窗口中打开）：
yarn add -D eslint eslint-plugin-vue

• 要求
  ESLint v6.2.0及更高版本 Node.js v8.10.0及更高版本

• 地址收集
  eslint-plugin-vue