有沒有辦法讓Visual Studio代碼識別EJS文件中的HTML語法

Question

我在Mac上使用Visual Studio Code來處理Node.js應用程序。

有沒有辦法讓Visual Studio Code將EJS文件識別為HTML標記？ 我沒有在用戶首選項中看到任何文件/方案關聯。

Answer 1

實際上，你可以。

正如Andre指出的那樣，現在您可以在工作區設置中執行此操作。轉到Visual Studio代碼設置： File >> Preferences >> User Settings

 // Place your settings in this file to overwrite the default settings { // Configure file associations to languages (eg "*.extension": "html"). These have precedence over the default associations of the languages installed. "files.associations": {"*.ejs": "html"} } 

單擊VS Code窗口底部的“純文本”選項卡，將其更改為HTML ，截圖如下：

Answer 2

轉到Visual Studio代碼設置。 文件>>首選項>>用戶設置

在settings.json中添加此行。

// Place your settings in this file to overwrite the default settings
{                
    // Configure file associations to languages (e.g. "*.extension": "html"). These have precedence over the default associations of the languages installed.
    "files.associations": {"*.ejs": "html"}     
}

重新啟動Visual Studio代碼。

Answer 3

.ejs支持有一個擴展名。 啟動VS Code Quick Open（Ctrl + P），粘貼以下命令，然后鍵入enter。

ext install ejs-language-support

Answer 4

按照文檔給出的指示，我更改了此文件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": ["ejs"],
            "extensions": [".ejs"]
        }]
    }
}

試過......為我工作..懶得創建一個新的文件夾atm

Answer 5

在VSCode extensions文件夾中找到html擴展extensions ：

../app/extensions/html

在MacOS X上是

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

在Windows上

c:\\Program Files(x86)\\Microsoft VS Code\\resources\\app\\extensions\\html\\package.json

現在編輯文件package.json僅添加.ejs extensions數組：

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

}

順便說一下，正確的方法應該是在extensions文件夾中創建一個ejs extension ，然后添加：

ejs/
ejs/package.json
ejs/snippet/
ejs/snippet/ejs.json
ejs/syntaxes/
ejs/syntaxes/EJS.plist

當然這應該有EJS語法/語法，但我們可以簡單地復制html，所以從extensions文件夾：

cd html/
cp -r * ../ejs/

然后package.json就像

{
        "name": "ejs",
        "version": "0.1.0",
        "publisher": "vscode",
        "engines": { "vscode": "*" },
        "contributes": {
                "languages": [{
                        "id": "ejs",
                        "extensions": [ ".ejs" ],
                        "aliases": [ "EJS", "ejs" ],
                        "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"]
                }],
                "grammars": [{
                        "scopeName": "text.html.basic",
                        "path": "./syntaxes/EJS.plist"
                }]
        }

}

所以更改syntaxes/HTML.plist只是復制到syntaxes/EJS.plist 。

然后重啟VSCode。

Answer 6

新版本允許我們添加textmate片段：
https://code.visualstudio.com/updates#_add-textmate-snippets
也許我們可以為ejs支持添加這個：
https://github.com/gregory-m/ejs-tmbundle/blob/master/Syntaxes/JavaScript%20Template.tmLanguage

Answer 7

在Visual Studio 2015社區中，我能夠將ejs擴展與html編輯器相關聯：

工具>選項>文本編輯器>文件擴展名

在擴展名中輸入“ejs”。 從下拉列表中選擇“HTML編輯器”。 單擊添加。 單擊確定。

如果您打開了一個ejs文件，請將其關閉並重新打開。