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

相关推荐
nashane27 分钟前
HarmonyOS 6学习:SpeechRecognitionEngine初始化报错排查实录
ide·macos·xcode·harmonyos 5
xinhuanjieyi1 小时前
vscode插件,.sec / .inc / .sc 文件添加关键字高亮
java·服务器·vscode
DeRoy2 小时前
windows VScode 配置 OpenCode
ide·vscode·编辑器
月白风清江有声2 小时前
在vscode运行C/C++
ide·vscode·编辑器
Gc9umsbL12 小时前
如何设置VSCode打开文件Tab页签换行
ide·vscode·编辑器
Peter·Pan爱编程2 小时前
第十篇:Trae:字节跳动的国产 AI 原生 IDE 崛起与特色功能
ide·人工智能
没想好取什么名2 小时前
解决vscode打开qt creator项目头文件报错的现象
ide·vscode·qt
凉茶钱11 小时前
【c语言】动态内存管理:malloc,calloc,realloc,柔性数组
c语言·c++·vscode·柔性数组
hele_two15 小时前
VS Code + CMake 调用 SDL2 & SDL2_image 完整编译教程(Windows 平台)
c++·windows·vscode·图形渲染
secondyoung18 小时前
Markdown数学公式语法速查手册
算法·编辑器·markdown·latex