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 保存即可生效

相关推荐
寻梦csdn3 小时前
pycharm+miniconda兼容问题
ide·python·pycharm·conda
徐小夕@趣谈前端5 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
电饭叔6 小时前
Jupyter学习中的问题--FileNotFoundError
ide·学习·jupyter
noBt7 小时前
Windows IDEA 卡顿严重
java·ide·intellij-idea
小疙瘩11 小时前
去掉 IDEA 中 mybatis配置文件的局部背景颜色(图解)
java·ide·intellij-idea
zhanglianzhao12 小时前
Win 11 WSL 配置Claude code 并在VsCode中使用
ide·vscode·编辑器·claude·cladue code
Keying,,,,12 小时前
VScode中终端闪退问题
ide·vscode·编辑器
热爱生活的五柒12 小时前
如何在vscode中使用Claude code以及插件中配置setting.json无效的解决方法
ide·vscode·编辑器
ONLYOFFICE12 小时前
ONLYOFFICE 自动化工具:宏和 AI 函数如何选择?
运维·自动化·编辑器·onlyoffice
dzj202113 小时前
Visual Studio2022中好用的AI编码工具介绍——Windsurf(Codeium)
ide·ai·visual studio·code