ESLint + VSCode自动格式化代码

以VUE项目为例：

利用 Vue CLI 创建项目时要将 ESlint 选上，下载完依赖后，用 VSCode 打开项目。

vscode安装插件 ESLint >  File -> Preference -> Extensions ->  搜索“ESLint”

安装插件 ESLint，然后 File -> Preference -> Settings（如果装了中文插件包应该是 文件 -> 选项 -> 设置），搜索 eslint，点击 Edit in setting.json

将以下选项添加到配置文件

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

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

然后就可以ctrl+s保存来验证啦~~  

不用手动格式化的感觉真香~~~