Visual Studio代码html格式不起作用

Question

代码格式在Visual Studio代码中不起作用。我尝试过使用shift + alt + f，但它不会格式化html代码。我运行ctrl + shift + p并输入格式，我只有格式文档（shift + alt + f）和格式选择（没有格式代码）。我不明白我做错了什么？我是否需要安装某种扩展名才能将此格式设置为html文件？

亲切的问候，
mismas

Answer 1

这对我有用：

1. 在正在编辑的 html 文件中右键单击。
2. 选择“用...格式化文档”。
3. 选择“配置默认格式化程序...”。
4. 从“Prettier - 代码格式化程序”更改为“HTML 语言功能”。

Answer 2

这在Visual Studio 2015（VS2015）中对我有用：

1. 右键单击包含要格式化的HTML的代码窗口
2. 点击＆＃39;取消缩小＆＃34;在弹出菜单中。

当格​​式化文档（Ctrl-K，Ctrl-D）和格式选择（Ctrk-K，Ctrl-F）无法格式化我粘贴到Visual Studio HTML文档中的HTML时，这对我有用。

Answer 3

这里有两种情况

1. 您正在编辑具有非标准html扩展名的html文件。找到下面的修复＃1。
2. 您正在编辑嵌入了html的非html文件。对于此方案，请找到修复＃2。

这两个修复程序都涉及安装Beautify扩展程序，所以请先执行此操作。

修复1

要解决此问题，您需要更新js-beautify扩展属性以包含这些类型。来自Beautify文档：

You can contol which file types, extensions, or specific file names should 
be beautified with the beautify.language setting.

{
  "beautify.language": {
    "js": {
      "type": ["javascript", "json"],
      "filename": [".jshintrc", ".jsbeautifyrc"]
      // "ext": ["js", "json"]
      // ^^ to set extensions to be beautified using the javascript beautifier
    },
    "css": ["css", "scss"],
    "html": ["htm", "html"]
    // ^^ providing just an array sets the VS Code file type
  }
}

修复2

在这种情况下，当您运行beautify命令（安装扩展程序后）时，它将提示您输入语言类型。选择html和voila。