vsCode中vue文件无法提示html标签的操作方法
飘飘悠悠 · 157浏览 · 发布于2023-03-09
在vsCode中书写Vue页面时无法提示,那真是很郁闷的事情,下面这篇文章主要给大家介绍了关于vsCode中vue文件无法提示html标签的操作方法,需要的朋友可以参考下
前言
今天有同学问到老师:“ 老师,我的vue文件里书写html代码不提示了 ”,这个问题别说还真有点冷门,老师研究了一番之后终于妥善修复了这个问题,这里就将处理结果记录下来,希望帮到有需要的同学。
此处分为两种操作来处理:
可视化界面配置
如果我们的vue文件不再自动联想html的标签代码,我们可以打开vsCode的设置界面:
在出现的设置界面中搜索includeLanguages,得出以下结果:
点击添加项(Add Item),在出现的表格中填写:
{"vue-html" : "html"} {"vue" : "html"}
然后保存,如下图所示:
然后重启编辑器,回到你的界面中就可以联想提示html代码啦
setting.json配置
另一种比较直接的方式就是,按下键盘Ctrl+Shift+P,调出全局搜索框,并输入settings.json,注意此处先别着急回车!你会发现出现了三份settings.json
如图所述:
Open Default代表编辑器的全局默认配置文件,这个文件是不可编辑的
Open User代表当前用户配置文件,这个配置会应用到用户打开的所有工作区
Open Workspace代表当前工作区配置,即仅在当前打开的工作区有效
此处我们选择Open User,然后在JSON结构中加上以下内容:
"emmet.includeLanguages": { "vue-html": "html", "vue": "html" }
配置完成后应该是这样:
然后保存,关闭,重启编辑器后也可以在vue文件中联想html的代码啦
赶紧去试试吧
相关推荐
PHP实现部分字符隐藏
沙雕mars · 1325浏览 · 2019-04-28 09:47:56
Java中ArrayList和LinkedList区别
kenrry1992 · 908浏览 · 2019-05-08 21:14:54
5月语言排行榜:R 跌出前二十,Python 紧咬 C++
manongba · 688浏览 · 2019-05-09 17:27:24
Tomcat 下载及安装配置
manongba · 970浏览 · 2019-05-13 21:03:56
什么是SpringBoot
iamitnan · 1086浏览 · 2019-05-14 22:20:36
分类专栏
最新发布
最热排行
0评论