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

相关推荐
山峰哥11 小时前
SQL优化中的索引策略与Explain分析实战
大数据·汇编·数据库·sql·编辑器
小小荧12 小时前
VSCode 推出绿色版!更强!更智能!
ide·vscode·编辑器
GawynKing15 小时前
SqlRest数据服务项目基于Idea开发环境搭建
java·ide·intellij-idea
酷飞飞16 小时前
使用 WSL + VSCode 搭建 ESP32/ESP32-S2 开发环境(2026 最新版)
ide·vscode·编辑器
勤奋的小米蜂16 小时前
vscode 自带终端无法正常执行例如npm命令---解决办法
前端·vue.js·vscode·npm
亚里随笔16 小时前
vscode mac常用技巧—快捷键
ide·vscode·macos
wadesir17 小时前
Ubuntu系统下Cursor编辑器完全指南 (安装与配置详细教程)
linux·ubuntu·编辑器
咩咩大主教1 天前
在Linux bashrc配置全局代理导致etcd连接失败
linux·vscode·ubuntu·ssh·etcd·远程连接
时光Autistic1 天前
【环境配置】安装LaTeX并配置到PyCharm使用
ide·python·pycharm·latex
山峰哥1 天前
SQL调优实战指南:从索引设计到高并发场景优化全链路解析
大数据·汇编·数据库·sql·编辑器·区块链