vsCode中vue文件无法提示html标签的操作方法
更新时间：2023年03月09日 09:16:17 作者：重庆铅笔头前端课堂
在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的代码啦
赶紧去试试吧
总结
到此这篇关于vsCode中vue文件无法提示html标签的操作方法的文章就介绍到这了,更多相关vsCode vue无法提示html标签内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
作为使用Vue的开发者，我们对Vue指令一定不陌生，诸如v-model、v-on、等，同时Vue也为开发者提供了自定义指令的api，熟练的使用自定义指令可以极大的提高了我们编写代码的效率，让我们可以节省时间开心的摸鱼2023-04-04
这篇文章主要为大家详细介绍了vue实现气泡运动撞击效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了从0搭建vue3组件库Input组件,每个功能的实现代码都做了精简,方便大家快速定位到核心逻辑,接下来就开始对这些功能进行实例代码讲解，需要的朋友可以参考下2022-11-11
这篇文章主要介绍了vue-router相关基础知识及单页面应用的工作原理,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了vue中的cookies缓存存值方式，超简单！具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue定义在computed的变量无法更新问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
下面小编就为大家分享一篇Vuex中mutations与actions的区别详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
vue-cli对element-ui组件进行二次封装的实战记录
组件类似于需要多个地方用到的方法,在Vue中组件就是一种复用（经常使用）一个功能的手段,下面这篇文章主要给大家介绍了关于Vue element ui二次封装的相关资料,需要的朋友可以参考下2022-06-06
基于vue-cli vue-router搭建底部导航栏移动前端项目
这篇文章主要介绍了基于vue-cli vue-router搭建底部导航栏移动前端项目,项目中主要用了Flex布局，以及viewport相关知识，已达到适应各终端屏幕的目的。需要的朋友可以参考下2018-02-02
这篇文章主要介绍了Vue中的动态路由匹配路由问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
最新评论