在vscode中，Django写html文件（DTL）时的代码提示问题

问题描述及解决

自己在学习Django时，发现创建了html文件时总是出现一些代码提示问题，很让人头疼。

首先，利用vscode创建html文件并不像pycharm一样会自动出现基本框架。

这个问题较容易解决，输入英文状态下的符号‘！’，再按下tab键即可出现基本框架。

其次，不会出现相关的标签配对。例如，输入p不会自动出现提示从而配对成为<p>  </p>的形式。

出现的都是一些不相干的东西，非常烦人。为此，我们不必一个一个输入，只需和上边一样，输入p然后按下tab键即可。

其次，这种总会出现一些不相干的代码提示或者干脆不出现代码提示的原因归根结底还是语言模式没有选择正确。为此，我们可以彻底解决此问题：更改语言模式，在vscode的左下角将Django-html更改为html即可。

对比一下更改前后的不同，明显后者更好使用。见gif图：

更改前：

更改后：

---

---

补充

vscode默认是html文件和Django-html文件的代码补充方式不一样，但是有时候我们写Django-html文件是会需要html文件的代码补充。所以，我认为这样设置应该是最好的：

在VScode中配置Django Html的代码提示_vscode django代码提示插件-CSDN博客

另需注意：在django-html文件下，按下ctrl+/（注释快捷键）出现的注释符号是{% comment %}  {% endcomment %}，在html文件下按下ctrl+/出现的注释符号是<!-- -->。两者的区别在与 django-html的注释不会最终出现在html文件上，而<!-- -->符号却会显示在最终的html文件上，所以即使经过上面的设置后，django-html注释仍然保持不变。不过你仅需输入 <!-- 几个字符后就会自动出现全部的注释字符。

文章如有错误，请不吝赐教。