VS Code安装Django扩展后HTML文件无法识别无代码补全如何解决?
VS Code Django模板语法高亮与HTML功能冲突解决方案
- 第一步:卸载重复Django扩展
两款同类型Django扩展会产生功能冲突,优先保留Django by Baptiste Darthenay,卸载另一款Django by Roberth Solis,重启VS Code后再验证功能。 - 第二步:配置文件语言关联
要同时支持Django模板语法高亮和HTML原生能力,需要将模板文件关联到django-html语言模式:- 临时生效:打开Django模板HTML文件,点击VS Code右下角状态栏的语言标识,在弹出的搜索框中选择
Django HTML即可 - 全局生效:打开VS Code设置(快捷键
Ctrl+,/Cmd+,),搜索Files: Associations,点击「添加项」,输入项为*.html,值为django-html,保存后所有HTML文件都会默认使用该模式
- 临时生效:打开Django模板HTML文件,点击VS Code右下角状态栏的语言标识,在弹出的搜索框中选择
- 第三步:开启HTML代码补全
默认Emmet补全不会对django-html模式生效,需要单独配置:
在设置中搜索Emmet: Include Languages,点击「添加项」,输入项为django-html,值为html,保存后即可在Django模板中使用正常的HTML代码补全、Emmet快捷生成功能。 - 可选:区分纯HTML项目和Django项目配置
如果需要纯HTML项目保持原有HTML模式,可以打开Django项目后,在工作区设置中单独配置Files: Associations规则,不会影响全局其他项目的HTML识别。 - 可选:优化格式化能力
如需同时支持Django模板格式化,可以安装djLint扩展,在设置中将django-html模式的默认格式化程序指定为djLint即可。
内容的提问来源于stack exchange,提问作者ayush009
相关产品推荐
相关产品推荐

