一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。
eslint可以很好的规范我们项目开发中的风格，让代码的可读性提高很多，但是一般情况下不要随意配置eslint，所以我们在配置eslint的时候，一定注意在工作区配置，不要在用户那里配置
1、在项目中安装eslint及对应的规则的包
npm i eslint -D
然后vscode中需要下载的插件有：
2、配置eslint。在当前文件夹下小黑窗(cmd)执行eslint的命令：
npx eslint --init
执行这行代码会出现交互界面，让我们自己选择eslint的配置
其中小白点后面的就是我们需要选择的配置，其中Where does your code run ?这里我们需要选择两个环境下运行eslin，一个是浏览器，一个是node环境下，所以需要通过空格选中两项！！！
3、配置在vscode中中使用Ctrl+S自动修复格式错误 首先先把用户的settings.json中的配置注释，不然很容易和eslint产生冲突
把其他的都注释，只留下这两行
配置 设置工作区设置 --> 自动创建
.vscode/settings.json文件，内容如下：（不要配置 用户级别！不要配置 用户级别！不要配置 用户级别！）
{
"eslint.run": "onType",
"eslint.options": {
"extensions": [".js", ".vue", ".jsx", ".tsx"]
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}
此时重启vscode和项目eslint就可以生效了
小技巧 当我们需要关闭eslint的一些报错提示时可以这样做:
1、鼠标放在错误上，点击快速修复
如果需要在整个项目都忽略这个规则，可以直接.eslintrc.js里配置：
2、鼠标放在错误上，复制这条eslint的规则
然后再.eslintrc.js下的 rules里忽略这条规则
