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

相关推荐
bank_dreamer9 分钟前
VSCODE前端代码风格格式化
前端·css·vscode·html·js·prettier·代码格式化
洛克大航海15 分钟前
安装 Visual Studio Code 及其插件用于前端开发
ide·vscode·编辑器
陈橘又青3 小时前
CANN在智能安防场景中的落地实践:释放硬件潜能,简化AI开发
人工智能·网络协议·学习·ai·编辑器
都小事儿4 小时前
VSCODE:保存文件时删除行尾空格
linux·vscode
skyhh5 小时前
Android Studio 最新版汉化
android·ide·android studio
向着光芒的女孩12 小时前
【IDEA】关不了的Proxy Authentication弹框探索过程
java·ide·intellij-idea
天外飞雨道沧桑15 小时前
前端开发 Cursor MCP 提效工具配置
前端·vscode·ai编程·开发工具·cursor
悟能不能悟15 小时前
怎么在idea合并2个个branch
java·ide·intellij-idea
倦王16 小时前
vscode 中如何去选择不同的远程环境去debug
ide·vscode·编辑器
c++逐梦人18 小时前
Linux下的编辑器vim的介绍
linux·编辑器·vim