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

相关推荐
Gene_20226 小时前
ubuntu22.04在vscode使用codex
ide·vscode·编辑器
sinat_255487818 小时前
IDEA:查找文件/类
java·ide·设计模式·intellij-idea
Tiger Z9 小时前
Positron 教程4 --- 数据分析
ide·编程·positron
lqqjuly9 小时前
vscode+remote-ssh+claude code+mimo-v2.5配置
ide·vscode·编辑器
2301_8059629311 小时前
Continue的安装与配置deepseek
linux·ai·编辑器
kebidaixu11 小时前
常用Vim指令
linux·编辑器·vim
梵得儿SHI12 小时前
Vue 项目实战与性能优化:工程化与协作全指南(规范 + 配置 + 协作 + 文档)
前端·vue.js·代码规范·eslint·团队协作·前端工程化·前端架构
MrXun_13 小时前
vscode中同时连接多个远程并同时登录使用codex
ide·vscode·编辑器·codex
李白的天不白15 小时前
VSCODE 配置文件的方法
ide·vscode·编辑器
菜鸟是大神15 小时前
03-替换DeepSeek模型和VSCode中的使用
ide·vscode·编辑器