admin管理员组

文章数量:1530038

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)https://www.iszy/posts/12/ 

本文标签： 快捷键Codeeslint

版权声明：本文标题：VS Code + ESLint 自动格式化和快捷键配置 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726471573a1072145.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。