1.准备插件

EsLint 

 Vetur

 2.配置保存代码文件自动化格式

 打开项目代码，点文件，选择首选项，点击设置

 切换成JSON模式

 添加如下内容

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript", "vue", "html"]
}

修改后图片

 此时，当你手动点击Ctrl+S 保存 js、vue、html 相关代码文件时，ESLint 将会执行自动修复格式化操作。

 3.配置EsLint 格式化快捷按键

 如果想要手动触发格式化，而不是每次保存的时候，自动格式化。

搜索fix

 点击条目前面的加号，或是双击该条，可以添加和覆盖绑定的快捷键。

最后：在你打开的文件中按下此快捷键，就会触发 ESLint 的自动修复格式化。

如上，步骤2跟步骤3选其中一项配置就成。一般，我是喜欢自动的。按下Ctrl+S 保存后自动格式化。

小提示：一般EsLint  语法检查相当严格，刚开始使用，代码格式可能不符合EsLint语法，是会一边写一边报错的。不过点击保存后，应会自动格式化了。所以慢慢习惯了就好了。

原文地址：VS Code + ESLint 自动格式化和快捷键配置 | 随遇而安 (iszy.cc)https://www.iszy.cc/posts/12/