expected indentation of 0 spaces but found 2 . vue eslint规则和idea冲突(转)

在使用Vue创建工程时,Vue页面里使用script,IDEA默认缩进两个空格,而ESLint校验期望script下首行不缩进,会提示报错。解决办法一是在rule里增加规则不校验缩进,二是修改IDEA或WebStorm配置,添加script标签解决缩进问题。
部署运行你感兴趣的模型镜像

使用vue创建工程时,在vue页面里,用到script时,idea默认会缩进两个空格,而eslint校验时期望,script下的首行不要缩进。 
因此会提示如下报错:

expected indentation of 0 spaces but found 2 . 
1
解决办法: 
1、不校验缩进,在rule里增加如下规则:

'rules': {
    'indent': 'off'
  }

2、修改IDEA或webstorm配置,File => Setting => Editor => Code Style => HTML,找到 add Do not indent children of 的选项,添加 script 标签就完美解决缩进问题。 

--------------------- 
作者:周二也被占用 
来源:优快云 
原文:https://blog.youkuaiyun.com/u011350541/article/details/81049761 
版权声明:本文为博主原创文章,转载请附上博文链接!

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

Vue 项目中遇到 ESLint 报错 `Expected indentation of 0 spaces but found 2 indent` 通常是由于 ESLint 对代码缩进的规则检查导致的。该问题可以通过以下几种方式解决: ### 1. 调整 ESLint 的缩进规则 可以在项目的 ESLint 配置文件中关闭或调整缩进规则。如果项目中没有 `.eslintrc.js` 文件,可以尝试在 `package.json` 文件中添加 ESLint 的配置规则: ```json "eslintConfig": { "rules": { "indent": "off" } } ``` 通过将 `indent` 设置为 `"off"`,可以关闭 ESLint 对缩进的检查[^2]。 ### 2. 使用 `.eslintrc.js` 文件配置规则 如果项目中没有 `.eslintrc.js` 文件,可以手动创建一个,并在其中添加缩进规则的配置: ```js module.exports = { rules: { indent: 'off' } }; ``` 这样可以更灵活地控制 ESLint 的行为,同时避免影响其他规则的检查。 ### 3. 使用 `eslint-disable` 注释 如果希望临时禁用某段代码的缩进检查,可以在代码中使用注释来关闭 ESLint 检查: ```vue <template> <!-- eslint-disable --> <div> <p>这段代码的缩进不会被 ESLint 检查。</p> </div> <!-- eslint-enable --> </template> ``` 这种方式适用于需要临时忽略某些代码块的场景。 ### 4. 修改缩进格式 如果希望保留 ESLint 的缩进检查功能,可以通过调整代码缩进使其符合 ESLint 的要求。例如,将代码缩进修改为 0 个空格,或者根据项目配置使用 2 个或 4 个空格缩进。可以通过修改 `.eslintrc.js` 文件来定义缩进规则: ```js module.exports = { rules: { indent: ["error", 2] // 设置缩进为 2 个空格 } }; ``` ### 5. 使用 Prettier 格式化工具 Prettier 是一个流行的代码格式化工具,它可以与 ESLint 集成,自动修复代码格式问题。安装 Prettier 并配置后,可以通过以下命令格式化代码: ```bash npx prettier --write ``` 此外,可以在 ESLint 配置中引入 Prettier 的规则: ```json "eslintConfig": { "extends": [ "eslint:recommended", "plugin:vue/vue3-recommended", "plugin:prettier/recommended" ] } ``` 这样可以让 Prettier 自动处理缩进等格式问题。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值