Visual Studio Code 无法识别 EJS

Question

我正在尝试按照本教程并在 VS Code 中的 EJS 中编写一些代码。我按照视频的说明运行

npm i express ejs

来安装 Express 和 EJS，控制台中没有弹出任何错误。但是，在右下角（蓝色栏中）它仍然显示 HTML，当我单击此更改语言时，EJS 不会出现在列表中。

我在这里遗漏了什么吗？我还应该遵循另一个步骤吗？任何帮助将不胜感激。

Answer 1

默认情况下，VSCode 没有 EJS 模板文件的语法突出显示。您需要安装一个像这样的插件 - EJS 语言支持。

您还需要为

.ejs

文件配置文件关联。为此，请键入以下命令（使用

CTRL + SHIFT + P

）-

Change language mode

，然后选择

Configure file association for .ejs

，然后从下拉列表中选择

HTML

。

Answer 2

工作解决方案（2021 年 9 月）

并将这些设置添加到 VScode 中，

 "files.associations": {
     "*.ejs": "html"
 },
 "emmet.includeLanguages": {
     "ejs": "html",
 },
 "html.format.templating": true

玩得开心😎

Answer 3

终于找到这个问题的原因了。

最重要的是，我安装了 EJS 语言支持 扩展，然后我通过添加以下行来编辑 settings.json：

"files.associations": {
    "*.ejs": "html"
},
"emmet.includeLanguages": {
    "ejs": "html"
}

我做了所有这些，但我的 ejs 代码仍然无法识别。

过了一段时间，我发现在我的例子中造成这种情况的是 HTMLHint 扩展（Mike Kaufman）。

因此，我成功地应用了这两种解决方案之一：

"htmlhint.options": {
    "spec-char-escape": false,
    "doctype-first": false
}

NB：我终于卸载了EJS语言支持扩展。

Answer 4

VS Code 没有预装 EJS 语法。您必须下载扩展程序它的插件。尝试使用以下链接：

或者在 VS Code 终端中键入以下命令：

ext install DigitalBrainstem.javascript-ejs-support

Answer 5

我找到了解决方案（如何设置 VSCode，没有麻烦）：

<? for( let item of array ) { ?>
(some data)
<? } ?>

格式不正确（至少使用默认的 html 格式化程序）。

我希望我帮助某人为 .ejs 文件设置 VSCode

Answer 6

对我有用的是，我遵循了上面 Al Mahdi 所示的精确设置；但我没有选择将文件更改为 ejs。因此，我所做的是将 VS code 中的“资源管理器”选项卡中的文件重命名为“filename.ejs”，该文件位于视图文件夹中（不确定您是否执行了此步骤）。然后一切对我来说都很顺利。

”

Answer 7

我承认我太快地点击了在资源管理器侧边栏中创建的文件夹链接，例如“views\pages\index.esj”，因此请确保您创建的是文件，而不是文件夹:)

Answer 8

前往 https://marketplace.visualstudio.com/items?itemName=DigitalBrainstem.javascript-ejs-support 并安装 EJS 语言支持
点击 ctr + shift + p 并搜索
```
settings.json
```
过去这个：

"emmet.includeLanguages": {
  "ejs": "html"
},
"html.format.templating": true

Answer 9

尝试了一切，终于修复了下载以下扩展 - EJS 语言支持 -

将这些代码添加到 vscode 中的settings.json中

 "files.associations": {
 "*.ejs": "html"
 },

"emmet.includeLanguages": {
 "ejs": "html",
 },

"html.format.templating": true