VSCode中写Vue没有代码提示的解决步骤(附图文)
博主今天第一次使用Vue-CLI创建Vue2.x项目时,发现在VSCode中居然没有Vue语法的代码提示(Vue已经配置完成),于是上网查询资料后发现,原来是需要下载一个插件叫"Vetur",操作步骤如图1所示:
图1 下载插件步骤
如果插件下载安装完成后,编写.vue文件时还是没有代码提示,这个时候就需要对VSCode的语言模式进行更改,操作如图2所示:
图2 语言模式设置
以上两步都完成后,就有代码模板提示啦,如图3所示:
图3 代码提示成功
2023.2.22更新
Vetur这个插件是对Vue2的项目适配比较好的,Vue3项目官方出了个插件叫Vue Language Features(Volar)。如图4所示:
图4 Volar插件安装过程
但是经过我测试,两个插件在大部分时候都只支持单词语法的提示,Vetur在已创建的标签外使用时才支持模板创建,而Volar好像不支持模板创建?!。并且两个插件同时安装了,需要禁用其中一个才能正常使用。
总结
到此这篇关于VSCode中写Vue没有代码提示解决的文章就介绍到这了,更多相关VSCode写Vue没有代码提示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
vue3使用vis绘制甘特图制作timeline可拖动时间轴及时间轴中文化(推荐)
这篇文章主要介绍了vue3使用vis绘制甘特图制作timeline可拖动时间轴,时间轴中文化,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-02-02vue + typescript + 极验登录验证的实现方法
这篇文章主要介绍了vue + typescript + 极验 登录验证的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-06-06
最新评论