VSCode中书写Vue无代码提示该如何解决

2022-12-23 16:38:59

今天在配置VSC简便插件及实用技巧后书写Vue代码时,发现代码无提示,经过几轮查询资料后发现了问题所在,现给出解决措施。第一步:我下载了Vetur和Vue2Snippets两个插件,随后创建了...

今天在配置VSC简便插件及实用技巧后书写vue代码时,发现代码无提示,经过几轮查询资料后发现了问题所在,现给出解决措施。

第一步:我下载了  Vetur  和 Vue 2 Snippets 两个插件,随后创建了Vue模板,发现Vue并没有语法模板提示;

VSCode中书写Vue无代码提示该如何解决

VSCode中书写Vue无代码提示该如何解决

第二步:随后查询资料,发现还需要安装新插件  html Snippets ,然后进行  setting.json 文件配置:

”文件“—”首选项“—”设置“—”文本编辑器“点击”建议“点击”在settings.json中编辑“,如下图:

VSCode中书写Vue无代码提示该如何解决

配置  setting.json 文件,黄色圈框中:

VSCode中书写Vue无代码提示该如何解决

代码复制:

%20%20%20"emmet.syntaxProfiles":%20{ %20%20%20%20%20%20%20%20"vue-html":"html", %20%20%20%20%20%20%20%20"vue":"html" %20%20%20%20}, 编程%20%20%20%20//vue自动补全 %20%20%20%20"files.associations":%20{ %20%20%20%20%20%20%20%20//extension%20name%20:%20html %20%20%20%20android%20%20%20%20"*.vue":"html", %20%20%20%20%20%20%20%20"*.ejs":"html", %20%20%20%20%20%20%20%20"*.js":"html", %20%20%20%20%20%20%20 %20%20%20%20}

第三步:经历以上两次后,还是觉发不行,最后试了下%20将 Vue%202%20Snippets 更新为最新版%20Vue%203%20Snippets 保存后竟然可以了。

相信各位童靴android经过以上三个步骤后即可书写Vue代码了!

总结

到此这篇关于VSCode中书写Vue无代码提示该如何解决的文章就介绍到这了,更多相关VSCode写Vue无代码提示内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!