VSCode中书写Vue无代码提示该如何解决
更新时间：2022年12月23日 16:16:14 作者：柠夏小白
vscode开发vue非常好用,因为有很多的插件,可以补全语法,或者高亮便于检查错误,但我最近发现我的vscode却没有了代码提示,这篇文章主要给大家介绍了关于VSCode中书写Vue无代码提示该如何解决的相关资料,需要的朋友可以参考下
今天在配置VSC简便插件及实用技巧后书写Vue代码时，发现代码无提示，经过几轮查询资料后发现了问题所在，现给出解决措施。
第一步：我下载了 Vetur 和 Vue 2 Snippets 两个插件，随后创建了Vue模板，发现Vue并没有语法模板提示；
第二步：随后查询资料，发现还需要安装新插件 HTML Snippets ，然后进行 setting.json 文件配置:
”文件“—”首选项“—”设置“—”文本编辑器“点击”建议“点击”在settings.json中编辑“，如下图：
配置 setting.json 文件，黄色圈框中：
代码复制：
"emmet.syntaxProfiles": {
"vue-html":"html",
"vue":"html"
},
//vue自动补全
"files.associations": {
//extension name : html
"*.vue":"html",
"*.ejs":"html",
"*.js":"html",
}
第三步：经历以上两次后，还是觉发不行，最后试了下 将 Vue 2 Snippets 更新为最新版 Vue 3 Snippets 保存后竟然可以了。
相信各位童靴经过以上三个步骤后即可书写Vue代码了！
总结
到此这篇关于VSCode中书写Vue无代码提示该如何解决的文章就介绍到这了,更多相关VSCode写Vue无代码提示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要给大家介绍了关于vue图片懒加载代码实现的相关资料,所谓图片懒加载是指当我们浏览页面时,只加载我们浏览器可视区的图片,向下滚动时再继续加载后面的图片,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了基于 Vue 的商品主图放大镜方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了Vue中如何使用方法、计算属性或观察者的相关知识，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2018-10-10
这篇文章主要介绍了form 表单验证是异步问题记录,通过实例代码介绍了Promise.all 和 Promise.allSettled 区别，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了vue,uniapp--js禁止页面滚动,取消滚动方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
Pinia是Vue的存储库,它允许您跨组件/页面共享状态,下面这篇文章主要给大家介绍了Pinia中action使用方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
ref是Vue3中一个非常重要的功能,它可以用来获取DOM节点,从而实现对DOM节点的操作,下面这篇文章主要给大家介绍了关于vue3中获取dom元素和操作实现的相关资料,需要的朋友可以参考下2023-06-06
vuex之this.$store.dispatch()与this.$store.commit()的区别及说明
这篇文章主要介绍了vuex之this.$store.dispatch()与this.$store.commit()的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了vue 进阶之实现父子组件间的传值，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。本文将从CSS过渡transition、CSS动画animation及配合使用第三方CSS动画库(如animate.css)这三方面来详细介绍Vue过渡效果之CSS过渡2020-02-02
最新评论