前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何修复vue-cli保存编译时的eslint报错

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

作者头像
用户10175992
发布2022-11-21 10:23:00
8660
发布2022-11-21 10:23:00
举报
文章被收录于专栏:辰远辰远

方法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"
 ],
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-11-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 方法1:直接关闭eslint
  • 方法2:使用指令修复eslint报错 全局安装eslint
  • 方法3:使用VS Code工具的自动修复功能
    • 3.1 调节tab键缩进 4space -> 2space
      • 3.2 配置保存时自动格式化 js 文件和 vue 文件
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档