vscode有一个插件可以识别javascript中的jinja变量吗

Question

类似的问题如下：Javascript无法识别Flask变量

当我在vscode中键入这样的内容时，

<script type="text/javascript">
var x ={{ data }};
</script>

它总是像这个一样重新格式化

<script type="text/javascript">
var x = {
{
data
}
};
</script>

不再是Jinja变量，也不能真正在js中工作
那么，vscode中有这样一个插件可以解决这个问题吗？

Answer 1

这里的问题在于VSCode，尤其是语法突出显示和格式扩展。

您启用的一些扩展之间存在一些冲突，这些扩展在保存时以上述方式格式化JavaScript代码。

1. 禁用VSCode 中所有启用的格式化扩展

2. 我只激活了以下内容：

   • Python
   • Jayamanne的Python扩展包
   • Samuel Colvin的Better Jinja

这样保存时，语法就不会再被破坏，从而使JavaScript正确识别您的{{ data }}。