How to make PyCharm autocomplete VueJS code in *.html (django template)
09:19 16 Apr 2020

We use VueJS inside Django templates. Every template has it's own VueJS app.

base.html

{% block content %} {% endblock %}
...

page.html

{% extends "base.html" %}
{% block content %}
...
{% endblock %}

The problem is that PyCharm doesn't recognize that we use Vue so it doesn't highlight or autocomplete things like v-if etc...

In*.vue files, everything works correctly.

Is there a way to inject the language to the file or another way to tell PyCharm that we use Vue?

EDIT

When I go to Editor -> File Types -> Vue.js Template, there is only *.vue pattern. So I try to add *.html but PyCharm warns me This wildcard is already registered by HTML filetype Reassign wildcard?

intellij-idea pycharm