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