首页 > 解决方案 > 如何使用 VS Code 为 HTML 设置连续缩进格式

问题描述

我公司的代码库是在 Vue 中构建的,模板没有 HTML 属性的缩进。

<th
ref="col"
class="column-width"
@click="updateSort"
>
  <div>some text</div>
</th>

当我格式化它时,HTML 属性会自动缩进。

<th
  ref="col"
  class="column-width"
  @click="updateSort"
>
  <div>some text</div>
</th>

Webstorm 可以选择将连续缩进设置为 0。如何在 VS Code 中执行此操作,以便我的代码正确自动格式化,而无需属性缩进?

(更漂亮,js-beautify-html 和 eslint 似乎没有这个选项。)

标签: htmlvue.jseslintvscode-settingsvetur

解决方案


推荐阅读