Visual Studio Code：将其他扩展视为 HTML答案

【问题标题】：Visual Studio Code: Treat other extensions as HTMLVisual Studio Code：将其他扩展视为 HTML
【发布时间】：2015-06-04 23:52:35
【问题描述】：

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

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

我也知道通过编辑插件目录中的 json 文件可以用于某些语言，但似乎没有用于 HTML。

【问题讨论】：

标签： visual-studio-code

【解决方案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'
保存并重新启动代码

注意：此更改不会在自动更新中继续存在，但希望在未来的更新中有更好的解决方案 :)

【讨论】：

非常好，完美运行——这对于目前的解决方法来说绝对足够好。我期待一个能够在更新中幸存下来的解决方案:)
观看进度并在此处为该功能投票visualstudio.uservoice.com/forums/293070-visual-studio-code/…
我实际上直接向 msft 的产品团队询问了此功能。高优先级，希望（但不能承诺）它将在今年年底之前实现。在那之前，很棒的帖子。
这不再有效，您应该按照 Jesse Watson 的回答创建简单的扩展。
在mac app>>preferences>>设置中，搜索files.associations然后添加上面的代码。

【解决方案2】：

（在 1.59.1 版本上测试）

也可以通过 GUI 设置关联：

转到设置->文本编辑器->文件->关联。

设置项目（文件扩展名）和值（语言）。

【讨论】：

【解决方案3】：

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

复制粘贴

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

用它替换所有内容。保存并退出重启 vs 代码。

【讨论】：

将 .pd 替换为您要视为 html 的文件类型。那是我的错，我使用 .pd。
在 MacOS X 安装的 Code 中哪里可以找到这个文件？
我相信它应该在同一个区域。我不使用 Mac，但文件结构应该相似。您在 Windows 机器上查找的文件是隐藏的。这意味着您必须选择查看文件夹中的所有文件选项才能看到它。所以在寻找它时请记住这一点。
ubuntu linux路径：/usr/share/code/resources/app/extensions/html/package.json

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

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

请注意，已经有一些扩展，因此无需复制和粘贴代码 sn-ps 批发，只需将您想要的扩展添加到扩展和别名数组中，如下所示：

{
    "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"
    ]
}

【讨论】：