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

相关推荐
张3蜂7 分钟前
Visual Studio Code 详细解析与竞品分析(2026版)
ide·vscode·编辑器
圣心10 分钟前
设置Visual Studio Code
vscode
星马梦缘1 小时前
如何用VSCODE开发stm32 (日志输出打印)
ide·vscode·stm32·单片机·keil·keil assistant
CodeQingqing1 小时前
vscode使用问题指南
ide·vscode·编辑器
宫瑾2 小时前
vscode自定义快捷键的方法
ide·vscode·编辑器
wtsolutions4 小时前
图片GPS数据编辑器完全指南:如何修改、添加和批量处理图片位置信息
编辑器·gps·图片·照片
JavaLearnerZGQ16 小时前
在Windows上使用Ollama工具本地部署deepseek-r1:7b
ide
宁静致远202116 小时前
STM32CubeMX、MDK(Keil MDK)、git、vscode等工具中统一编码设置(UTF-8),确保中文支持,避免乱码问题
git·vscode·stm32
高斯林.神犇20 小时前
idea快捷键
java·ide·intellij-idea
AC赳赳老秦1 天前
多模态 AI 驱动办公智能化变革:DeepSeek 赋能图文转写与视频摘要的高效实践
java·ide·人工智能·python·prometheus·ai-native·deepseek