vscode 保存时按eslint 的规则自动格式化代码

 

 

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

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

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

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

有时候会出现ctrl+s之后没有生效的情况，这个时候要把

editor.formatOnSave  设置为false

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