VScode中vue中不能使用tab补齐标签解决方案

最新推荐文章于 2024-04-16 14:22:01 发布
最新推荐文章于 2024-04-16 14:22:01 发布
阅读量359 收藏 1
点赞数 1
分类专栏： vscode vue 文章标签： vue.js vscode javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49805832/article/details/126194753
版权

① 文件 —> 首选项 —> 设置 — >搜索关键字"emmet"

如图所示:

在这里插入图片描述

②继续在当前页面找到setting.json文件,点进去编辑

在这里插入图片描述

③ 加上这样一段代码

  "emmet.includeLanguages": {
    "javascript" : "html"
  },

大功告成

在这里插入图片描述

按下Table键效果

在这里插入图片描述

子非鱼᭄ꦿ
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vsCode中vue文件输入时按tab自动补全代码
M__Yang_的博客
05-13 1033
今天找了挺久，项目都落下了 首先需要在插件中下载安装 HTML Snippets 保险起见我两个都安装了 在设置中搜索files.associations，一般搜索出来后 正常应该在红框下面有一个 “在settiongs.json 中编辑 ”的json文件（我的没有所以搞了老半天） 然后点击进入json文件中在json文件中写入如下注释的代码（为了分清我把需要写入的代码注释了） 然后就可以按tab键自动补全代码 如果输入files.associations 没有json文件直接在设置中输入settin
详解vscode中vue代码颜色插件
10-17
vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
如何在vscode中设置Tab键自动补齐react js标签
w1405270578的博客
07-22 503
打开设置文件，在配置中加入如下 "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "javascript": "javascriptreact" }, emet是vscode内置的插件，不需要下载
vscode vue template模板中 tab键无法快速补全
最新发布
weixin_44539199的博客
04-16 555
菜单栏 - 文件 - 首选项 - 设置- emmet:tab。之前记得一直可以的突然不知道咋的就不行了…
[vscode]修复emmet被覆盖，vue文件tab无法补全html标签
iChangebaobao的博客
01-15 809
今天早上更新了vscode最新版本 更新后发现在.vue文件中的template文件中 输入html标签后按tab时无法补全标签 将文件类别识别为html格式，依然无法补全 在排除了输入法的问题后 在网上找到emmet默认配置问题 大家提到新版本emmet并不默认支持vue文件 打开文件，首选项，设置 搜索 syntaxProfiles 然后在setting.json中添加关于emmet的配置选项...
VScode ---- vue中HTML代码tab键自动补全插件及配置
钱辉
06-16 7545
1. 首先在vscode商店中下载并重新加载 HTML Snippets 2. 在设置(settings.json)中搜索 files.associations 配置对象 3. 在 settings.json 对象最后插入代码: "files.associations": { "*.vue": "html" }, "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": {
Visual Studio Code 编写Vue Tab键不自动闭合标签
Vae12138的博客
08-03 381
Visual Studio Code（v code）编写Vue Tab键不自动闭合自定义标签,解决方法在文件中添加。
vscode下vue项目中eslint的使用方法
01-21
在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如： 不清楚安装的拓展的功能，导致安装了重复功能的拓展 右键格式化文档的时候，不是按eslint的规则来格式化，导致需要我再次手动调整 保存...
vscode中Vue别名路径提示的实现
10-15
主要介绍了vscode中Vue别名路径提示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VSCode 开发工具vue中HTML代码tab键自动补全插件及配置
u010570294的专栏
01-20 8727
1. 首先在vscode商店中下载并重新加载 HTML Snippets 2.打开文件-首选项-设置，找到建议，点击settings.json, 3.在文件中插入如下代码 "files.associations": { "*.vue": "html" }, "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "vue-html": "html", ...
vscode-----vue中HTML代码tab键自动补全
qq_43440532的博客
10-29 1829
1.在vscode中插件下载并重新加载HTML Snippets 2.settings.json中配置files.associations对象。 找到setting.json文件：文件 --> 首选项 --> 设置 就进入了我们setting.json文件编辑 然后在settings.json中找到“常用设置”里的files.associations对象 最后在右侧进行编辑 代码如下： “files.associations”: { “.ejs":“html”, ".js”:“html
vscode vue 开发使用tab补全自定义标签
bao
09-03 2684
打开vscode设置 打开setting.json文件 在setting.json中添加"emmet.triggerExpansionOnTab": true，保存即可
VScode vue template内无法使用tab补齐标签
qq_40291247的博客
10-08 122
选择 文件 –> 首选项 –> 设置 –> 搜索 emmet。选择 编辑 setting.json。
避坑11_VScode在vue文件内template无法使用tab补齐标签
linxwx的博客
03-01 1018
在settings.json中加入文中代码片，重启即可
vscode里会发现vue文件输入html标签Tab建无法补全
qq_51846847的博客
05-09 1977
html标签补全
Vscode中使用Vue的一些配置
qq_52231465的博客
08-22 68
设置中搜索Emmet。
vscode格式化vue文件配置
李白爱睡觉的博客
01-02 2768
【代码】vscode格式化vue文件配置。
VScode中vue文件字体不能高亮显示
05-25
如果在 VS Code 中打开 Vue 文件后，没有高亮显示 Vue 文件中的代码，可以尝试以下方法： 1. 确认安装了 Vetur 插件：在 VS Code 中搜索 ...如果以上方法都不能解决问题，可以尝试更新 VS Code 或者重装 Vetur 插件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值