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

相关推荐
电子科技圈5 小时前
从工具到平台:如何化解跨架构时代的工程开发和管理难题
人工智能·设计模式·架构·编辑器·软件工程·软件构建·设计规范
JohnnyCS6 小时前
VSCode 自动换行设置完全指南
vscode·编辑器
小龙报6 小时前
【算法通关指南:算法基础篇】二分算法: 1.A-B 数对 2.烦恼的高考志愿
c语言·开发语言·数据结构·c++·vscode·算法·二分
蜜汁小强6 小时前
Vim简单配置: 加点颜色加点格式
编辑器·vim·excel
聪明不喝牛奶7 小时前
【已完成】Visual studio2022打包安装成exe程序
ide·visual studio
怒放de生命201010 小时前
IDEA 2025 最新版jrebel 破解
java·ide·intellij-idea
猿小猴子11 小时前
主流 AI IDE 之一的 CodeFlicker 介绍
ide·人工智能
Project_Observer11 小时前
任务条件布局规则如何帮助自动管理任务?
大数据·数据结构·人工智能·深度学习·机器学习·编辑器
lightqjx12 小时前
VS Code 的安装与如何搭建C/C++开发环境?
vscode·c/c++开发工具·vs code安装教程·vs code的使用
bu_shuo12 小时前
Windows电脑使用VSCode远程控制Windows主机方法记录
windows·vscode·ssh·powershell