VSCODE - *.hbs文件中的代码格式

Question

我一直在使用VS Code一段时间,我很喜欢它.但是代码格式化存在一个小问题.它在handlebars(*.hbs)文件中不起作用.编辑hbs文件时,此选项根本不可用.

我试过' Beautify'扩展,但它对于把手不能正常工作 - 它完全破坏了代码.

我非常感谢您对该主题的任何帮助(或对我做错的解释).

编辑:同样的问题适用于*.scss文件.无法格式化这些.

Answer 1

手动格式化代码：

假设.hbs我们正在处理的.js文件是一个文件。

• 单击文件语言选项（右侧朝下）

• 将文件语言更改为 .js

• 单击文件中的任意位置
• 按 Shift Alt F

在保存时自动格式化代码：

• 按下Ctrl ,以打开用户首选项
• 在打开的设置文件中输入以下代码

    {
      "editor.formatOnSave": true,
      "html.format.enable": true,
      "html.format.indentHandlebars": true,
      "html.format.maxPreserveNewLines": 0
    }

• 保存存档

来源

Answer 2

您可以单击"Handlebars"右下角的,然后将语言模式更改为HTML.然后会显示'格式代码'选项.