Vs Code 配置eslint

最新推荐文章于 2025-11-03 14:08:05 发布

原创最新推荐文章于 2025-11-03 14:08:05 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

前端技术同时被 2 个专栏收录

5 篇文章

订阅专栏

开发工具类

4 篇文章

订阅专栏

本文详细介绍如何在VSCode中配置ESLint插件，包括安装、设置文件路径及配置自动修复等功能，帮助开发者遵循代码规范，提升代码质量。

项目建立时要启用ES,其他配置暂且不表,只讨论VS Code的配置:

配置vscode

1. 安装eslint插件，如下图

2. 配置eslint文件路径，如下图

vscode里打开文件>首选项 > 设置>用户设置>Extensions>ESLint，

在右侧加入如下配置:

   //配置eslint
   "eslint.autoFixOnSave": true,
   "files.autoSave": "off",
   "eslint.validate": [
      "javascript",
      "javascriptreact",
      "html",
      {
         "language": "vue",
         "autoFix": true
      }
   ],
   // 改为你的文件路径
   "eslint.options": {
      "configFile": "./.eslintrc.js"
   },
   //为了符合eslint的两个空格间隔原则
   "editor.tabSize": 2,
   "editor.quickSuggestions": {
      "strings": true
   }