时间戳

首页 > 解决方案 > 如何在 *.html（django 模板）中制作 PyCharm 自动完成 VueJS 代码

intellij-idea - 如何在 *.html（django 模板）中制作 PyCharm 自动完成 VueJS 代码

问题描述

我们使用VueJS内部Django模板。每个模板都有自己的 VueJS 应用程序。

base.html

<div id="vue">
  {% block content %}
  {% endblock %}
</div> ...

page.html

{% extends "base.html" %}
{% block content %}
...
<div v-if="..."..</div>
{% endblock %}
<script>
new Vue({...
</script>

问题是PyCharm它无法识别我们使用的Vue内容，因此它不会突出显示或自动完成诸如此类的事情v-if......

在*.vue文件中，一切正常。

有没有办法将语言注入文件或另一种方式告诉 PyCharm 我们使用 Vue？

编辑

当我转到Editor -> File Types -> Vue.js Template时，只有*.vue模式。所以我尝试添加*.html但PyCharm警告我This wildcard is already registered by HTML filetype Reassign wildcard?

标签： intellij-ideapycharm

解决方案

推荐阅读