它的目标是提供一个插件javascript代码检测工具。官方网站地址

在最近的一个项目中，当第一次使用cli3.0时，默认情况下没有选择eslint。结果现在有人用别的编辑器，格式乱了。所以引入了eslint来进行代码检测

第一步(安装)

NPM安装eslint eslint-config-Airbnb-base eslint-plugin-import eslint-plugin-vue-save-dev当eslint出现在您的包中时，会引入一些对它的依赖

Eslint' :' 5.16.0 '，' Eslint-config-Airbnb-base ' : ' 13 . 1 . 0 '，' eslint-plugin-import ' : ' 2 . 17 . 3 '，' eslint

步骤2(检测)

在命令行中添加package.json文件的sctipts

“lint”:“eslint-ext . js”的批次检验代码。“vuesrc”

示例：

奔跑

npm运行lint

面板中有xx个错误，将标记哪个文档。

它会提示您使用- fix修复它

第三部分(修复)

上面的‘lint’:‘eslint-ext . js，“vuesrc”修改为eslint-ext.js，vue RSC-fix

奔跑

npm运行lint

没有错误和警告

到目前为止，eslint已经推出，可以自动修复。但是- fix并不能完全修复代码，例如

系统将提示您“虚拟机”已定义但未使用

您需要手动删除它

与vscode一起使用

目的：使用vscode实现保存后自动修复的效果。

1.装置

下载地址

2.安装eslint

3.设置eslint

打开文件->首选项->设置，找到并打开setting.json添加以下配置

{'eslint.enable': true，//是否打开检测' editor.tabsize' 3360 2 '，eslint . autofixonssave ' : true，' files.associations' : {'*。vue' :' vue'}，Eslint . options ' : { ' extensions ' :['。js '，'。vue']}，' eslint . validate ' :[' JavaScript '，{'language' :' vue '，' autofix' : true

维特可以识别。vscode1编辑器中的vue文件可以：

语法突出语法提示，补充功能语法检测。5.配置完成

这个时候会有提示

按ctrl+s自动修复

小贴士：有时候按一次ctrl s是不能搞定的，但是多按几次ctrl s就更好了，但是我一般写一个段落，按一次CTRL S，问题不大。