pycharm2020.2.3 无法在Django html 模板中使用vue自动补全

问题描述

macOS 10.15.7 上使用 pycharm 2020.2.3 版编辑器编写 Django 项目,在项目模板页中使用 vue 来管理部分前端代码(非完整vue页面)。结果,编辑器的 vue 代码补全功能仅在添加了 vue 脚本文件的 base.html 页面中有用,使用 {% extends %} 扩展 base.html 后的 page.html 页面无代码补全。

而,同样的代码,在 win10 上使用 pycharm 2019.1 版编辑器,均能正确补全。

相关代码

  • base.html
此页面作为基础模版页面,用 script 标签引入了 vuevue 自动补全在此页面有效
<html>
...
<!-- 代码有vue自动补全 -->
<input v-model='data'>
...
<script src="https://cdn.jsdelivr.net/npm/vue.js"></script>
</html>
  • page.html
此页面使用 {% extends %} 标签,扩展至 base.html 基础页面,疑似因页面中无显式地用 script 标签调用 vue 文件,所以该页面无法自动补全 vue 代码。
{% extends "base.html" %}
<!-- 代码无vue自动补全 -->
<input v-model='data'>

问题出现的平台版本

*无自动补全有自动补全
操作系统macOS 10/15/7win10
pycharm版本2020.2.32019.1

Pycharm 相关设置

vue.js 插件
✅ 项目-项目结构标记 templates 为模板文件夹
✅ 项目-项目结构标记项目根目录
✅ 语言和框架-Django 项目根、settings.py、管理脚本
✅ 语言好框架-模板语言: Django-模板类型: html文件
✅ 项目文件包含 vue.vue 文件
✅ 项目根文件包含 package.json 文件

SO Why?

有没有大神知道为什么会这样?是不是系统或者软件版本的问题?该怎么解决呢?

阅读 233
评论
    0 个回答
    撰写回答

    登录后参与交流、获取后续更新提醒

    相似问题
    推荐文章