Visual Studio Code 无法识别 EJS

Question

我正在尝试按照本教程并在 VS Code 中的 EJS 中编写一些代码。我npm i express ejs按照视频的说明运行以安装 Express 和 EJS，控制台中没有弹出任何错误。但是，在右下角（在蓝色条中）它仍然显示 HTML，当我单击它更改语言时，EJS 没有出现在列表中。

我在这里错过了什么吗？还有我要遵循的另一个步骤吗？任何帮助将不胜感激。

Answer 1

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

1. 安装EJS语言支持vscode扩展

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

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

玩得开心

Answer 2

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

您还需要为.ejs文件配置文件关联。为此，请键入以下命令（使用CTRL + SHIFT + P） -Change language mode然后选择Configure file association for .ejs，然后HTML从下拉列表中进行选择。

Answer 3

最后我找到了这个问题的原因。

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

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

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

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

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

• 卸载“HTMLHint”。
• 编辑 settings.json 添加以下内容：

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

注意：我最终卸载了 EJS 语言支持扩展。