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

相关推荐
dLYG DUMS10 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
大嘴皮猴儿12 小时前
从零开始学商品图翻译:小白也能快速掌握的多语言文字处理与上架技巧
大数据·ide·人工智能·macos·新媒体运营·xcode·自动翻译
JAVA学习通14 小时前
励志从零打造LeetCode平台之C端竞赛列表
java·vscode·leetcode·docker·状态模式
萑澈17 小时前
vscode怎么关闭点击音效
ide·vscode·编辑器
Freak嵌入式17 小时前
MicroPython对接大模型:uopenai + 火山方舟实现文字聊天和图片理解
ide·驱动开发·ai·llm·嵌入式·micropython·upypi
NQBJT1 天前
[特殊字符] VS Code + Markdown 从入门到精通:写论文、技术文档的超实用指南
开发语言·vscode·c#·markdown
摇滚侠1 天前
帮我整理一份 IDEA 开发中常用快捷键
java·ide·intellij-idea
dyxal1 天前
VS Code 终端疑难杂症排查:为什么 PowerShell 无法启动?
vscode
【ql君】qlexcel1 天前
Visual Studio Code开发STM32设置头文件宏定义uint32_t报错
vscode·stm32·vs code·头文件宏定义·uint32_t报错·uint8_t报错·uint16_t报错
琉璃榴1 天前
Visual Studio Code连接远程服务器
服务器·vscode·github