如何修复vue-cli保存编译时的eslint报错

2022-11-21 10:23:00 浏览数 (1)

方法1：直接关闭eslint

代码语言：javascript复制
// vue.config.js
module.exports = {
 lintOnSave: false, //关闭eslint语法检查
 ......
}

方法2：使用指令修复eslint报错 全局安装eslint

代码语言：javascript复制
npm install eslint -g

修正对应文件或文件夹中的报错

代码语言：javascript复制
eslint --fix [file.js][dir]

例如：

代码语言：javascript复制
eslint --fix src

方法3：使用VS Code工具的自动修复功能

使用 vue2-cli3 开发时，js 和 vue 文件经常报 eslint 语法格式警告，可以通过以下VS Code设置，在保存源代码时自动格式化。

3.1 调节tab键缩进 4space -> 2space

“设置 -> 文本编辑器 -> settings.json” 中添加配置

代码语言：javascript复制
"editor.tabSize": 2,

3.2 配置保存时自动格式化 js 文件和 vue 文件

（1）安装 ESLint 插件；

（2）“设置 -> 文本编辑器 -> settings.json” 中添加配置

代码语言：javascript复制
//保存时自动修复
 "eslint.autoFixOnSave": true,
 "eslint.validate": [
     "javascript",{
         "language": "vue",
         "autoFix": true
     },"html",
     "vue"
 ],
json javascript ide 编程算法 vue.js

0 人点赞