VSCODE - ESLINT格式化代码

ᯤ ʸ ᵒ ᵘ.

于 2025-06-18 10:20:52 发布

阅读量755

点赞数 3

CC 4.0 BY-SA版权

文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/weixin_59960958/article/details/148733602

1、下载插件

2.VSCode添加配置

依次点击 ⚙️（左下角齿轮） > 设置 > 打开 VSCode 配置文件,添加如下配置：

3、点击设置按钮

右上角

⚠️注意：这里默认的是用户区，请留意

用户区：应用于当前操作系统用户，只要是在当前电脑上开发，任意项目都会生效该配置（慎重修改）

工作区：只应用于当前项目，如果更换项目配置会失效

4、添加代码

//配置eslint
  //关闭自动保存
  "files.autoSave": "off",
  //关闭vscode自带代码修复，避免与ESlint冲突
  "editor.formatOnSave": false,
  // 启用ESlint作为格式化工具
  "eslint.format.enable": true,
  "eslint.run": "onType",
  //配置 ESLint 检查的文件类型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue"
  ],
  "eslint.options": {
    "plugins": ["html"],
    "extensions": [".js", ".vue", ".jsx", ".tsx"]
  },
  //重要，让eslint显示在右下角，点击可观察插件运行是否有问题
  "eslint.alwaysShowStatus": true,
  //代码保存时，自动执行ESlint格式化代码
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }

于此设置完毕，重启vscode