Question

在vscode中，用于自动格式化的shift + alt + f在HTML中有效，但在Django模板文件中无效。如何在VS代码中使用自动格式化功能？

Answer 1

以下内容对我有用：

确保您的settings.json中包含以下内容（相应地进行编辑）：

    "files.associations": {
        "**/*.html": "html",
        "**/templates/*/*.html": "django-html",
        "**/templates/*": "django-txt",
        "**/requirements{/**,*}.{txt,in}": "pip-requirements"
    },
    "emmet.includeLanguages": {
        "django-html": "html"
    },

安装美化扩展程序，然后添加：

    "beautify.language": {
        "html": [
            "htm",
            "html",
            "django-html"
        ]
    },

可能需要重启（也可能不需要重启）

Answer 2

如果您使用的是 Beautify，那么

访问扩展列表中的扩展
点击齿轮，然后点击“扩展设置”
向下滚动到“美化：语言”，然后点击“在 settings.json 中编辑”
向下滚动到 HTML 列表并将 ","django-html" " 添加到列表中

Answer 3

VSCode插件目录中有多个出色的Django帮助器，但是我不认为目前有Django模板格式化程序插件可用。我也想要一个！

我发现最有用的是this自动压头。

Answer 4

继kimanihuon的回答之后，我这一边还需要采取另一步骤，以使Beautify成为默认格式化程序（并能够在保存时进行格式化）：

"[django-html]": {
    "editor.defaultFormatter": "HookyQR.beautify",
    ...
}

Answer 5

如果您使用的是漂亮的图片，并且只需要对django-html进行美化，

{
    "prettier.disableLanguages": ["django-html"],
    "beautify.language": {
      "html": [
        "django-html"
      ]
    },
    "[django-html]": {
      "editor.formatOnSave": true,
      "editor.defaultFormatter": "HookyQR.beautify"
    }
}

没有安装“ django-html”文件的文档格式化程序

5 个答案: