VSCode中写Vue没有代码提示的解决步骤(附图文)
更新时间：2023年09月17日 09:38:03 作者：✎printf("YT");
这篇文章主要给大家介绍了关于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没有代码提示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值,这篇文章主要介绍了Vue之v-model的使用,需要的朋友可以参考下2025-04-04
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
这篇文章主要介绍了详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
文章总结了接收Promise返回值的四种方法,包括使用.then()、.catch()、async/await及try/catch+async/await,并强调了个人经验的分享2026-02-02
这篇文章主要为大家详细介绍了vue实现拖动左侧导航栏变大变小，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要给大家介绍了关于Vue3中watch用法的相关资料,文章中有详细的代码示例,需要的朋友可以参考下2023-04-04
Vue3 中 watch的 flush 选项(默认无/`post`/`sync`
文章介绍了Vue3中watch的flush选项,解释了三种模式（默认pre、post、sync）的工作机制和适用场景,并提供了代码示例进行对比,强调了在90%的场景下选择post模式以确保操作DOM的正确性,感兴趣的朋友跟随小编一起看看吧2026-03-03
这篇文章主要介绍了Vue3中keep-alive和动态组件的实现逻辑，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要为大家详细介绍了Vue的列表之渲染,排序,过滤，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
这篇文章主要介绍了VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
文章介绍了如何使用JavaScript的`setTimeout`和Vue.js的`v-show`指令实现页面自动播放,并通过CSS的`transition`和`animation`属性控制动画的播放时间2025-12-12
最新评论