0. 写在前面
为什么我们要用ESLint?
- 规范我们的代码
- 成为一个合格的有节操的程序员
- 减少代码的不严谨的地方,减少出错的几率,提升代码的健壮性
- 使代码看起来整洁
1. 在vscode中的扩展插件中下载ESLint
vscode扩展插件截图
- 注意下载完成之后点击一下重新加载,这样才能生效(我觉的他要花时间准备一下)
2. 打开设置
用户设置
3. 在用户设置中粘贴进去一些配置
用户设置
把下面的代码放到user settings 的对象中就可以了
重要:记得重启IDE
{
// ----------Eslint-Start----------
// 保存时自动格式化
"eslint.autoFixOnSave": true,
// 用来配置作用的文件类型
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// ----------Eslint-End----------
}