有没有一种方法可以使Visual Studio Code识别EJS文件中的HTML语法

我在Mac上使用Visual Studio Code在Node.js应用程序上工作。

有没有一种方法可以使Visual Studio Code将EJS文件识别为HTML标记？我在用户首选项中没有看到任何文件/方案关联。

其实可以。

正如Andre指出的那样，现在您可以在工作区设置中执行此操作。转到Visual Studio代码设置： 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"}     
 }

单击“ VS代码”窗口底部的“纯文本”选项卡，并将其更改为HTML，下面的屏幕截图：

转到“ 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代码。

.ejs支持扩展。启动VS Code快速打开（Ctrl + P），粘贴以下命令，然后键入Enter。

ext install ejs-language-support

按照文档给出的说明， 我将文件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

html在VSCodeextensions文件夹中找到扩展名：

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

}

顺便说一句，正确的方法应该是ejs extension在extensions文件夹中创建一个，然后添加：

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。

新版本允许我们添加textmate片段：
https
://code.visualstudio.com/updates#_add-textmate-snippets也许我们可以为ejs支持添加此片段：https :
//github.com/gregory-m/ejs -tmbundle / blob / master / Syntaxes / JavaScript％20Template.tmLanguage

在Visual Studio 2015社区中，我能够将ejs扩展名与html编辑器关联：

工具>选项>文本编辑器>文件扩展名

在扩展名中输入“ ejs”。从下拉选择中选择“ HTML编辑器”。单击添加。单击确定。

如果您打开了ejs文件，请关闭它并重新打开。