可通过 settings.json 将自定义后缀如 .tpl 关联为 HTML，.component 为 JavaScript；2. 推荐在项目根目录的 .vscode/settings.json 中配置以避免影响其他项目；3. 也可临时点击右下角语言模式手动切换并保存关联。配置后即可实现语法高亮与代码提示。
VSCode 默认根据文件后缀来识别语言类型和语法高亮。如果你使用了自定义的文件后缀（比如 .tpl 或 .component），可以通过以下方法让 VSCode 正确识别并应用对应的语法高亮和语言功能。
1. 使用 settings.json 配置文件关联
在 VSCode 的用户或工作区设置中，添加文件后缀与语言的映射关系：
{ "files.associations": { "*.tpl": "html", "*.component": "javascript", "*.myjs": "typescript" } }配置说明：
- *.tpl 所有以 .tpl 结尾的文件会被识别为 HTML
- *.component 会被当作 JavaScript 处理
- 支持通配符 * 和具体文件名
你可以通过以下方式打开 settings.json：
- 菜单栏：文件 → 首选项 → 设置 → 右上角“打开设置 (JSON)”图标
- 快捷键：Ctrl + , 打开设置，再点击右上角“{}”图标
2. 针对特定项目配置（推荐）
如果你只想在某个项目中启用该规则，可在项目根目录创建 .vscode/settings.json 文件：
cqcms通用企业建站(PC+wap)2.9
下载
cqcms通用企业建站介绍 苍穹企业网站管理系统(CQCMS)软件是国产PHP网站内容管理系统：CQcms内容管理系统 ，它将成为您轻松建站的利器。模板全部使用文件形式保存，对用户设计模板、网站升级转移均提供很大的便利，健壮的模板标签为站长DIY自己的网站提供了强有力的支持。MVC框架，自定义标签，模板文件修改非常方便，PC+WAP响应式布局，一个域名，自动识别终端，一个后台同时管理PC和wap。
这样不会影响其他项目的设置，更适合团队协作。
3. 使用语言模式手动切换（临时方案）
打开一个未识别的文件时，点击 VSCode 右下角的语言标识（如“纯文本”），输入你想切换的语言（如 JavaScript），VSCode 会提示是否将此类型文件始终关联为该语言。
选择“是，将所有 '.xxx' 文件关联为 XXX”即可永久生效。
基本上就这些。配置完后，VSCode 就能正确识别你的自定义后缀，享受语法高亮、代码提示等功能了。
