为什么要使用eslint?
让编写的js代码更规范，并且会对不规范的代码抛出异常。
eslint 检查错误
vscode如何安装Eslint扩展？
一个好的插件能让我们在开发中达到事半功倍的效果，就像eslint这款插件，它能够帮助我们修复不规范的代码。
在vscode 扩展中搜索Eslint ，安装即可。（我这里已经安装了，所以没有安装的按钮）
vscode查找eslint
还差一步就安装完成了，那就是配置在保存（ctrl+s）时自动格式化eslint风格的代码。
打开设置
设置 - 在settings.json中编辑
在settings.json文件末尾添加以下几行代码
//-----------------------------eslint自动格式化---------------------------------
//关闭VSCode在Save时候自动格式化，因为VSCode自带的格式化和ESlint规范并不兼容
"editor.formatOnSave": false,
//代码保存时，自动执行ESlint格式化代码
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
},
// 配置 ESLint 检查的文件类型
//"eslint.validate": ["javascript","vue","html"]
配置好后，就不会出现各种eslint报的警告和错误了。因为在保存时，eslint插件会将不规范的代码修复成eslint的规范的格式。
vue 运行成功效果图