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

相关推荐
开发者联盟league19 小时前
vscode接入deepseek
vscode·deepseek
小小放舟、21 小时前
VS Code Code Runner 中文乱码修复与 IDEA 风格输出配置
vscode·python·code runner
开发者联盟league1 天前
vscode接入deepseek实现inline suggestions
vscode·编辑器
木卫二号Coding1 天前
Vdit 实现所见即所得(WYSIWYG) 模式的 Markdown 编辑器
编辑器
love530love2 天前
将 ChatCut MCP 插件从 Codex 桌面应用移植到 WorkBuddy —— 完整适配实录
ide·人工智能·windows·视频剪辑·ai agent
小李不困还能学2 天前
PyCharm下载安装与配置教程
ide·python·pycharm
知福致福2 天前
vscode连接远程服务器登录codex插件一直卡在gpt图标页,不跳转浏览器登录
服务器·vscode·gpt
广东帝工2 天前
桥梁智能防撞主动预警系统——架构、体系、预警机制
编辑器
A小调的码农2 天前
OPENOCD+MSYS+VSCODE:从“灯不亮“到“终于亮了“
ide·vscode·stm32·单片机·编辑器
AI的探索之旅2 天前
让 Claude Code 直接操刀画原理图和 PCB:VSCode 插件接外部 API 全流程
linux·ide·vscode·嵌入式硬件·编辑器