解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- | ImapBox

解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-

03 五月
星期日, 03 五月 2020 12:43 Last Updated on 星期日, 03 五月 2020 12:43 0 Comments

解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4

解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4

系统：Win10
编辑器：VSCode

问题

使用 VSCode 在写 Vue 项目的时候，出现报错
Expected indentation of 2 spaces but found 4
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-

问题分析

明显从图中可以以看出问题是使用 ESLint 插件导致的
作为一个代码规范插件，ESLint 限定缩进是 2 个空格，而我们一般使用 Tab 键的缩进是 4 个空格

解决办法一

关闭 ESLint 这个检查规则
打开 .eslintrc.js 配置文件，加入一行配置 “indent”:[“off”,2]
然后我们就可以看到原来的报错没有了
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-
当然，既然我们使用代码规范插件，一般来说我们应当适应这种规范的写法，所以我们也可以将我们的 Tab 的缩进改为 2

解决办法二

我们打开 VSCode 的设置页面，在搜索框中输入 Tab Size，将用户区和工作区的 Tab Size 均设置为 2
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-
然后我们进入报错页面，点击下方的 空格4，然后选择更改视图
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-
在这里选择 2 即可
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-
最后再用 Shitf+Tab 向左恢复缩进至正常即可
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-

原创文章 8获赞 10访问量 685

  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- 1
  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- 评论
  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-
    x

    海报

    扫一扫，海报

  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- 1
  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客- 手机看

    到微信朋友圈

    x

    扫一扫，手机阅读

  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-打赏

    打赏

    解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-

    李晋江

    “你的鼓励将是我创作的最大动力”

    5C币 10C币 20C币 50C币 100C币 200C币

  • 解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-

解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4开发工具qq35132089的博客-



 
 
 
 


本页所有内容来自官方网站 https://www.imapbox.com 新闻来源：互联网搜索引擎和新闻站

本网页所有图片由 ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片，下载并得到。

ImageBox 图片批量下载器 工具地址: 网页图片批量下载工具-最新版本下载

非凡下载站地址：https://www.crsky.com/soft/35838.html

本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。

ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载

本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.




文章目录

  • 全球报导 (16311)
  • 全球云计算 (29506)
  • 程序员专区 (1974)
  • Imap 全球通用标准协议 (7)
  • 全球邮局列表 (17)
  • Imapbox 系列软件 (3)
  • 产品一览 (6)
  • 事业方向 (7)
  • 联系我们 (2)

官方链接

imapbox邮箱网盘 imapbox 海外官网 iMapBox百度百科

登录