Visual Studio代码：将其他扩展视为HTML

Question

为了语法高亮，着色和智能感知，是否可以将其他扩展名（tpl，master等）视为HTML？

我知道可以通过按CTRL + SHIFT + P并选择“更改语言模式”来逐个文件地进行操作，但是我希望它可以处理文件扩展名，而不必每次打开新文件时都重做。

我也知道某些语言可以通过在plugins目录中编辑json文件来实现，但是HTML似乎没有一种。

Answer 1

VS Code 1.0更新：

有一个设置files.associations可用于将文件模式分配给语言。 例如：

"files.associations": {
  "*.tpl": "html",
  "*.master": "html"
}

先前的答案：

这是一个常见的功能请求，我们将在将来研究此问题。

作为解决方法，如果您现在需要解决方案：

• 关闭VS代码
• 打开C:\\Users\\<your name>\\AppData\\Local\\Code\\app-<latest-version>\\resources\\app\\server\\lib\\mime.js
• 找到对象字面量knownTextMimes
• 为文件扩展名添加适当的mime类型
• 例如'.tpl': 'text/html'
• 保存并重新启动代码

注意：此更改将不会在自动更新中保留下来，但希望将来的更新中有更好的解决方案:)

Answer 2

1. 右键单击以管理员身份运行，以管理员身份打开记事本（以防万一）。
2. 单击文件=>打开=>复制并粘贴C：\\ Program Files（x86）\\ Microsoft VS Code \\ resources \\ app \\ extensions \\ html在框中。
3. 选择查看右下角的所有文件类型。
4. 打开package.json

5. 复制和粘贴

    { "name": "html", "version": "0.1.0", "publisher": "vscode", "engines": { "vscode": "*" }, "extensionDependencies": [ "html" ], "contributes": { "languages": [{ "id": "html", "aliases": ["pd"], "extensions": [".pd"] }] } } 

用那代替一切。 保存并退出重新启动与代码。

Answer 3

我解决了安装Smarty Extension 1.1.1并将此设置添加到Settings.json中的问题

"files.associations": {
"*.tpl": "smarty",
"*.master": "smarty"
}

Answer 4

杰西的答案是正确的。 我没有足够的声誉分数来评论他的回答，但是Mac用户的途径是：

cd /Applications/Visual\\ Studio\\ Code.app/Contents/Resources/app/extensions/html/

请注意，已经有一些扩展名，因此无需复制批发代码片段，而只需将所需的扩展名添加到扩展名和别名数组中，如下所示：

{
    "name": "html",
    "version": "0.1.0",
    "publisher": "vscode",
    "engines": { "vscode": "*" },
    "contributes": {
        "languages": [{
            "id": "html",
            "extensions": [ ".html", ".htm", ".shtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm", ".ejs" ],
            "aliases": [ "HTML", "htm", "html", "xhtml", "ejs" ],
            "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"]
        }],
        "grammars": [{
            /* "language": "html", not yet enabled*/
            "scopeName": "text.html.basic",
            "path": "./syntaxes/HTML.plist"
        }]
    },
    "extensionDependencies": [
                "html"
    ]
}