vscode配置eslint规则和自动修复

关注

原创最新推荐文章于 2026-03-04 11:49:26 发布 1.8k 阅读 AI 写同款· GEO 优化 ›

给Vscode配置ESlint语法检查 — ESLint 插件自动格式化设置（实现Ctrl+S 按照ESLint规则自动格式化代码）实现按照ESLintESLint（读取ESLint配置文件进行语法检测）—主要Prettier（代码格式化工具）vetur vue代码高亮本文主要通过VScode中的ESLint插件进行配置，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。这里使用的开发工具是vscode，配合eslint来对项目进行格式校验，本文vue项目添加配置。给Vscode配置ESlint语法检查；ESLint 插件自动格式化设置（实现Ctrl+S 按照ESLint规则自动格式化代码）...... 阅读详情

1.在vscode全局安装eslint：

打开终端，运行npm install selint -g全局安装Eslint

2.vscode安装插件

3.vscode的设置：找到setting.json文件并打开

4.主要把配置ESllint复制到setting.json文件里

{
  "workbench.iconTheme": "material-icon-theme",
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  //配置eslint
  "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
  "eslint.validate": [
     "javascript",  //  用eslint的规则检测js文件
     {
       "language": "vue",   // 检测vue文件
       "autoFix": true   //  为vue文件开启保存自动修复的功能
     },
     {
       "language": "html",
       "autoFix": true
     },
   ],

}
复制代码

5.完成

收录于