Vs Code 配置eslint

on_my_way20xx

于 2018-12-10 18:35:58 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技术开发工具类

本文链接：https://blog.youkuaiyun.com/on_my_way20xx/article/details/84944365

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

5 篇文章

订阅专栏

开发工具类

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目建立时要启用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
   }