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和vue-template-compiler版本之间的问题

    详解如何解决Vue和vue-template-compiler版本之间的问题

    这篇文章主要介绍了详解如何解决Vue和vue-template-compiler版本之间的问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • elementui源码学习仿写一个el-tooltip示例

    elementui源码学习仿写一个el-tooltip示例

    本篇文章记录仿写一个el-tooltip组件细节,从而有助于大家更好理解饿了么ui对应组件具体工作细节,本文是elementui源码学习仿写系列的又一篇文章,后续空闲了会不断更新并仿写其他组件
    2023-07-07
  • vue上传解析excel文件并在列表中输出内容

    vue上传解析excel文件并在列表中输出内容

    在vue的项目开发中,我们会遇到加载excel或者csv等情形,这个示例展示了这个需求,上传一个excel文件,通过解析,生成数组,然后再列表中将内容展示出来,这篇文章主要介绍了vue上传解析excel文件,列表中输出内容,需要的朋友可以参考下,
    2023-09-09
  • vue3如何监听页面的滚动

    vue3如何监听页面的滚动

    这篇文章主要给大家介绍了关于vue3如何监听页面的滚动的相关资料,在vue中实现滚动监听和原生js无太大差异,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • 一文详细聊聊vue3的defineProps、defineEmits和defineExpose

    一文详细聊聊vue3的defineProps、defineEmits和defineExpose

    vue3官方文档defineProps和defineEmits都是只能在scriptsetup中使用的编译器宏,下面这篇文章主要给大家介绍了关于vue3的defineProps、defineEmits和defineExpose的相关资料,需要的朋友可以参考下
    2023-02-02
  • vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单

    vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单

    这篇文章主要介绍了vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单,本文给大家分享个例子,给大家及时的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-11-11
  • vue中el-date-picker选择日期的限制的项目实践

    vue中el-date-picker选择日期的限制的项目实践

    ElementUI的el-date-picker使用时,有时候想要限制用户选择的时间范围,本文就来介绍了vue中el-date-picker选择日期的限制的项目实践,感兴趣的可以了解一下
    2023-10-10
  • vue中transition组件在项目中运用小结

    vue中transition组件在项目中运用小结

    这篇文章主要介绍了vue中transition组件在项目中运用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12
  • 教你使用vue-cli快速构建的小说阅读器

    教你使用vue-cli快速构建的小说阅读器

    这篇文章主要介绍了vue-cli构建的小说阅读器,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • Vuex报错之[vuex] unknown mutation type: handlePower问题及解决

    Vuex报错之[vuex] unknown mutation type: han

    这篇文章主要介绍了Vuex报错之[vuex] unknown mutation type: handlePower问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07

最新评论