eslint vscode 配置

最新推荐文章于 2025-06-20 13:55:08 发布

原创最新推荐文章于 2025-06-20 13:55:08 发布 · 943 阅读

0 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

17 篇文章

订阅专栏

我爱装逼

8 篇文章

订阅专栏

本文介绍如何在VSCode中安装并配置ESLint，包括设置用户偏好、启用自动修复功能，以及对JavaScript、React和Vue文件进行代码检查。同时分享了详细的VSCode设置JSON代码，涵盖字体、缩进、搜索排除、主题等全方位配置。

安装这俩东西

安装Eslint npm install eslint -g

然后vsCode 首选项设置用户设置然后把老子的代码粘贴一下

{
    "breadcrumbs.enabled": true,
    "editor.tabSize": 2,
    "editor.renderWhitespace": "boundary",
    "editor.cursorBlinking": "smooth",
    "editor.minimap.renderCharacters": false,
    "editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
    "editor.fontLigatures": true,
    "explorer.confirmDragAndDrop": false,
    "extensions.autoUpdate": false,
    "files.insertFinalNewline": true,
    "git.autofetch": true,
    "git.path": "F:\\Program Files\\Git\\cmd\\git.exe",
    "search.exclude": {
      "**/node_modules": true,
      "**/dist": true
    },
    "typescript.locale": "en",
    "window.titleBarStyle": "custom",
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "workbench.activityBar.visible": true,
    "workbench.colorTheme": "Plastic - deprioritised punctuation",
    "workbench.iconTheme": "vscode-great-icons",
    "workbench.startupEditor": "newUntitledFile",
    "eslint.autoFixOnSave": true,
    "eslint.validate": ["javascript", "javascriptreact", "vue"],
    "vsicons.projectDetection.autoReload": true,
    "vsicons.dontShowNewVersionMessage": true,
    "tslint.autoFixOnSave": true,
    "debugwrapper.wrappers": {
      "default": "console.log('$eSEL', $SEL)"
    },
    "prettier.tslintIntegration": true,
    "cSpell.userWords": [
      "Unmount"
    ],
    "jest.autoEnable": false,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "vue",
        "autoFix": true
      }
    ]
  }