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代码了,评论区见!

  • 60
    点赞
  • 109
    收藏
    觉得还不错? 一键收藏
  • 29
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 29
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值