vue中快捷生成多个标签

vue中快捷生成多个标签

在HTML里面我能用span*5 同时出五个span标签,为什么vue项目里面没反应,老师让下的插件我都有下。

http://img1.sycdn.imooc.com//climg/610f3bfa09ca7c2c04640176.jpg

http://img1.sycdn.imooc.com//climg/610f3ca90935788204800112.jpg

vue中打*符号的时候还有工具栏显示,数字一打出来就没有工具栏了。http://img1.sycdn.imooc.com//climg/610f3c05090877b502250132.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2021-08-08 17:15:13

同学你好,老师这边测试确实是可以的,如下:

http://img1.sycdn.imooc.com//climg/610f9e9309d529fb17260408.jpg

测试的版本如下:

http://img1.sycdn.imooc.com//climg/610f9ebe09f896e105000360.jpg

同学可以查看下自己的版本,如果版本较低的话,可以升级到最新版本后再测试。

注意:必须在template标签下,输入span*4,才可以快捷生成多个标签

如果还是不行的话,可以尝试下面的方式

1、在设置中,输入emmet,找到下图圈起来的位置,选择在settings.json中编辑

http://img1.sycdn.imooc.com//climg/610f9f25092c175820341102.jpg

2、添加如下配置,让vue后缀文件按照html文件来进行emmet扩写试试

http://img1.sycdn.imooc.com//climg/610f9f92094597ed16240792.jpg

如果经过上述方案,都不可以的话,那么,目前老师也没有找到更好的解决方案了,只能建议同学自己敲写html结构了。

祝学习愉快~

好帮手慕慕子 2021-08-08 10:41:46

同学你好,快捷生成多个标签是VSCode编辑器自带的emmet插件的功能,老师这边测试在vue中也是可以正常的快速生成多个标签。

同学可以查看下编辑器右下角语言设置是否为vue

http://img1.sycdn.imooc.com//climg/610f44040918bddc15540096.jpg

点击“Vue”选项,在弹出框中选择下图圈起来的选项,如下:

http://img1.sycdn.imooc.com//climg/610f441e09e9f58110060386.jpg

找到Vue选项并选择,如下图:

http://img1.sycdn.imooc.com//climg/610f4456090d066011940708.jpg

在输入div*5这个过程中不可以有中断,才可以快速生成多个标签,建议同学重启编辑器后再测试下。

祝学习愉快~

  • 提问者 雨辰悠悠 #1

    不行,老师说的这些配置我都弄得对的,重启编辑器了,输入过程中没有中断,同样的输出方式,HTML文档中可以,VUE中不行

    2021-08-08 11:17:09
  • 提问者 雨辰悠悠 #2

    代码快捷的,标签自动补全这些功能都行,http://img1.sycdn.imooc.com//climg/610f4d5909740b5d01920067.jpghttp://img1.sycdn.imooc.com//climg/610f4d3e097a1b5702400082.jpghttp://img1.sycdn.imooc.com//climg/610f4d65091d29b302100078.jpghttp://img1.sycdn.imooc.com//climg/610f4d6f09b4801b00750032.jpg,vue的配置关联我也试过,关联vue、vue-html、html,都不行,还是*号后面一打数字,工具栏就消失,我用tab代替输入也实现不了生成多个标签

    2021-08-08 11:22:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师