ejs文件在vs code中需正确配置语言模式和插件才能实现html补全与模板高亮共存：安装vscode-ejs-language-service插件，设置"files.associations": {".ejs": "ejs"}，启用"emmet.includelanguages": {"ejs": "html"}，禁用eslint校验，并配置prettier支持.ejs文件。
EJS 文件在 VS Code 里没高亮、没补全、 这是目前唯一提供完整 EJS 语言服务的扩展：支持语法高亮、块级错误检测、基础自动补全，并能桥接 Prettier 实现安全格式化。其他名字带 “EJS” 的插件（如 要让 审查 Next.js App Router 代码库，检查 React Server Component 边界错误、请求瀑布、客户端/服务端反模式以及 Core Web Vitals 风险... 最易忽略的一点：所有配置生效前，必须确认右下角语言模式显示的是 <div> 不识别、<code> 块里 JS 也不报错——不是你漏装插件，是语言模式根本没对上，且格式化和校验逻辑必须分层配置。<h3>为什么 EJS 文件默认不触发 HTML 功能</h3>
<p>VS Code 打开 <code>.ejs 文件时，默认识别为 Plain Text 或强行当 JavaScript 处理，导致：<div> 标签不被解析、Emmet 不生效、<code>auto-close-tag 完全失效、双击选中标签对失败。这不是插件没装，是底层语言服务没接管。
"files.associations": {".ejs": "html"} 能恢复 HTML 补全和标签匹配，但会丢失 和 的语法高亮EJS Language Support）却不改语言模式，HTML 结构依然不被识别 当普通标签缩进，造成模板逻辑错位甚至运行时报错
必须安装 vscode-ejs-language-service 插件
EJS Snippets 或旧版 EJS Language Support）只做片段或简单着色，无法解决核心问题。
vscode-ejs-language-service，认准作者 DigitalBrainstem
Developer: Reload Window（快捷键 Ctrl+Shift+P / Cmd+Shift+P），否则右下角语言模式仍显示为 Plain Text
EJS；若没出现该选项，说明插件未生效或缓存未清HTML 补全 + 模板高亮共存的关键配置
<div> 可补全、<code> 有颜色、 不被格式化器破坏，需两步并行：
settings.json 中添加："files.associations": {
"*.ejs": "ejs"
}注意：这里填 ej s，不是 html；插件依赖此关联才能激活语言服务"emmet.includeLanguages": {
"ejs": "html"
}这样在 .ejs 文件里输入 div.container + Tab 才能展开成完整结构.ejs 文件的校验：删掉 "eslint.validate": ["ejs"] 类配置，ESLint 无法解析混合语法，只会报一堆 Unexpected token
Prettier 格式化必须桥接，不能直接启用
vscode-ejs-language-service 自身不带格式化引擎，它把 .ejs 文件转成 Prettier 能理解的 AST，所以你得显式告诉 Prettier：“这个文件交给我”。
Prettier - Code formatter（作者 esbenp）settings.json 中添加："prettier.documentSelectors": ["**/*.ejs"]
注意路径写法是 "**/*.ejs"，不是 "**/.ejs"
"editor.formatOnSave": true
"ejs.formatter.enable": true —— 这是已废弃的旧字段，当前插件完全不读它EJS，而不是 HTML 或 Plain Text。一旦误设为 html，Volar 或 EJS 插件的语言服务就彻底绕过，补全和高亮都会退化。每次改完 settings.json 或装完插件，务必重载窗口并手动点选一次语言模式。
