Intellij 在同一个 .vue 文件中使用不同的缩进

Intellij is using different indention within the same .vue file

<template> 区域,Intellij 使用 2 个空格进行缩进,<script> 部分使用 4 个空格。由于缩进不同,我收到错误 运行 npm run dev

我已将 Intellij 设置为对我能找到的所有文件类型(不包括 JS 或 .vue)使用 4 个空格。该项目本身使用 2 个空格(我想更改它)。

但是,现在就像我说的那样,它在同一个文件中使用两种不同的缩进样式,这会导致很多问题。

Code -> Reformat code 将代码更改为具有 2 个不同缩进的此样式。

知道发生了什么事吗?谢谢!

首先,确保您没有在 Settings/Preferences | Editor | Code Style 中启用 检测并使用现有文件缩进进行编辑。如果这样做,当您自动缩进时,它可能会应用错误的设置。

然后,尝试使用 Control+Alt+L 或代码 -> 重新格式化代码来重新格式化代码。