ESlint | 通过VsCode中的ESLint插件来实现自动修正语法错误

1 安装ESLint插件


安装ESLint的好处:

  1. ESLint会自动高亮错误显示
  2. 通过配置,ESLint会自动帮助我们修复错误

注意:

ESLint的配置文件必须在根目录下,这个插件才能才能生效。打开项目必须以根目录打开,一次打开一个项目

使用了ESLint校验之后,把VsCode带的那些格式化工具全禁用了

如:Beatify 和 Prettier - Code formatter

2 配置seetings.json文件

添加如下代码:

json 复制代码
    // 当保存的时候,eslint自动帮我们修复错误
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    // 保存代码,不自动格式化
    "editor.formatOnSave": false

3 保存即可生效

相关推荐
山峰哥1 小时前
数据库工程核心:SQL调优让查询效率飙升的实战密码
网络·汇编·数据库·sql·编辑器
Echoo华地1 小时前
idea运行程序默认线程为daemon线程的问题
java·ide·intellij-idea
好好学习啊天天向上3 小时前
VSCODE, mermaid subgraph 示例
ide·vscode·编辑器
好好学习啊天天向上3 小时前
VSCODE, mermaid 示例
ide·vscode·编辑器
zz_Lambda5 小时前
TeXstudio 等 (La)TeX 编辑器在没有发行版时不能运行 (La)TeX 命令
编辑器
一路往蓝-Anbo6 小时前
【第42期】调试进阶(一):IDE中的Register与Memory窗口
c语言·开发语言·ide·stm32·单片机·嵌入式硬件
人工小情绪7 小时前
Antigravity简介
ide·人工智能
向上的车轮7 小时前
VS Code在AI编辑器关键问题上处理如何?
人工智能·编辑器
山峰哥9 小时前
SQL调优实战:让查询效率飙升10倍的降本密码
服务器·前端·数据库·sql·编辑器·深度优先
向上的车轮9 小时前
AI编辑器要解决哪些关键问题?
人工智能·编辑器