ESlint+VSCode自动格式化

在Vue.js项目中，使用的是eslint检查。每次写代码一不注意就会引起报错，项目运行不了，提示错误信息。

在vscode里只要安装ESlint插件，写完代码保存之后根据ESlint语法要求自动格式化。

 

1，去应用商店----下载eslint插件

2，配置用户设置setting.json

 File -> Preference -> Settings（如果装了中文插件包应该是 文件 -> 选项 -> 用户），点击 Edit in setting.json

"editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
 },

配置完之后，VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。

PS：自动格式化代码在保存时自动触发，目前试了 TS 和 JS 以及 vue 文件中的 JS 代码都没问题，html 和 vue 中的 html 和 css 无效。

 

参考：https://zhuanlan.zhihu.com/p/94175872

　　　https://www.cnblogs.com/mingjian/p/9361027.html

　　　https://www.cnblogs.com/why-not-try/p/8067559.html

　　　https://www.cnblogs.com/zhouyuan666/p/13054096.html