问题描述
在 macOS 10.15.7
上使用 pycharm 2020.2.3
版编辑器编写 Django
项目,在项目模板页中使用 vue
来管理部分前端代码(非完整vue
页面)。结果,编辑器的 vue
代码补全功能仅在添加了 vue
脚本文件的 base.html
页面中有用,使用 {% extends %}
扩展 base.html
后的 page.html
页面无代码补全。
而,同样的代码,在 win10
上使用 pycharm 2019.1
版编辑器,均能正确补全。
相关代码
此页面作为基础模版页面,用 script
标签引入了 vue
,vue
自动补全在此页面有效
<html>
...
<!-- 代码有vue自动补全 -->
<input v-model='data'>
...
<script src="https://cdn.jsdelivr.net/npm/vue.js"></script>
</html>
此页面使用 {% extends %} 标签,扩展至 base.html
基础页面,疑似因页面中无显式地用 script
标签调用 vue
文件,所以该页面无法自动补全 vue
代码。
{% extends "base.html" %}
<!-- 代码无vue自动补全 -->
<input v-model='data'>
问题出现的平台版本
* | 无自动补全 | 有自动补全 |
---|
操作系统 | macOS 10/15/7 | win10 |
pycharm 版本 | 2020.2.3 | 2019.1 |
Pycharm 相关设置
? vue.js
插件
? 项目-项目结构标记 templates
为模板文件夹
? 项目-项目结构标记项目根目录
? 语言和框架-Django
项目根、settings.py
、管理脚本
? 语言好框架-模板语言: Django
-模板类型: html文件
? 项目文件包含 vue.vue
文件
? 项目根文件包含 package.json
文件
SO Why?
有没有大神知道为什么会这样?是不是系统或者软件版本的问题?该怎么解决呢?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…