如何在VS Code中支持Django模板标签在JS脚本内的语法?
在VS Code中消除Django模板标签在JS脚本中的语法报错
解决方法:
安装Django语法支持插件
在VS Code扩展市场搜索「Django」插件(Batiste Bieler开发的常用款),安装后重启编辑器,插件会自动识别HTML模板中的Django标签,包括嵌套在<script>内的语法,红色下划线会自动消失。切换文件语言模式
打开模板文件后,点击VS Code右下角的语言标识(比如默认的「HTML」),选择「Django HTML」模式。若没有该选项,先安装上述Django插件即可获取。临时屏蔽错误(不推荐)
若不想安装插件,可在报错代码段上方添加<!-- prettier-ignore -->注释,强制VS Code忽略该区域的语法检查,但这只是临时方案,无法获得完整的语法支持。
额外代码优化:
你的示例代码存在循环末尾多一个逗号的JS语法问题,建议调整为:
<script> const chartData = [ {% for od in object %} [convertDate("{{ od.date_recorded|date:'Y-m-d' }}"), {{ od.value_recorded }}]{% if not forloop.last %},{% endif %} {% endfor %} ]; </script>
内容的提问来源于stack exchange,提问作者swatch360
相关产品推荐
相关产品推荐

