有没有办法让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