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

Question

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

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

Answer 1

其實，你可以。在「純文本」選項卡上File >> Preferences >> User Settings

// 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代碼設置做到這一點VS Code窗口底部並將其更改爲HTML，屏幕截圖如下：

Answer 2

在Visual Studio 2015年社區我能​​夠給EJS擴展與HTML編輯器相關聯：

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

在擴展輸入「EJS」。從下拉選擇中選擇「HTML編輯器」。點擊添加。點擊確定。

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

Answer 3

繼documentation 發出的指示我改變了這個文件C：\ Program Files文件（x86）的\微軟VS代碼\資源\程序\分機\ HTML \的package.json 所以它看起來是這樣的：

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

tried..works for me ..懶得創建一個新的文件夾ATM

Answer 4

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

Answer 5

找到html擴展在VSCode 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" 
       }] 
     } 

} 

順便說一句，正確的做法應該是創建一個ejsextension在extensions文件夾，然後補充說：

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

當然，這應該有EJS語法/語法，但我們可以簡單地從擴展文件夾複製HTML之一，所以：

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

轉到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 7

有一個.ejs支持的擴展。啓動VS Code Quick Open（Ctrl + P），粘貼以下命令，然後輸入enter。

ext install ejs-language-support