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

相关推荐
围炉聊科技24 分钟前
尝鲜 AWS Agentic IDE:Kiro 一周使用初体验
ide·人工智能·ai编程·aws
HarrySunCn12 小时前
如何使用VSCode开发Arduino项目
ide·vscode·单片机·编辑器
知青先生15 小时前
E9项目调试方式
java·ide
面壁的熊猫16 小时前
cursor+cline+MCP(论文agent)
vscode·agent·cursor·mcp
bulucc18 小时前
vim 快捷操作
linux·编辑器·vim
Aspect of twilight20 小时前
vscode python debug方式
ide·vscode·python·debug
Aevget20 小时前
.NET跨平台开发工具Rider v2025.3发布——支持.NET 10
ide·.net·开发工具·rider·rider v2025.3
啃火龙果的兔子21 小时前
vscode中可以使用的免费的AI编程工具有哪些
ide·vscode·ai编程
littlezls1 天前
在VSCode中运行Python脚本文件时如何传参
vscode·python
宋明炜1 天前
VSCode + MSYS2 配置 C 语言开发环境(详细步骤)
c语言·ide·vscode