老师视频中的一个便捷写法

老师视频中的一个便捷写法

http://img1.sycdn.imooc.com//climg/5e90768009cf613501270040.jpg

这个实现的原理是什么?3是3个li?{$}是什么?

正在回答

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

4回答

同学你好,这个是插件的一个功能,需要安装emmet插件。

$:表示自动计数,这个功能挺方便的对于生成重复项时增加一个序号,只需要加上$符号即可。

比如:同学写这个就是如下(写好之后,按tab键):

http://img1.sycdn.imooc.com/climg/5e9128f209b011b902240118.jpg

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • Aurora_Meteor 提问者 #1
    这个在vscode里面是不是不支持啊?我试了一下没反应。只有不带内容才能实现,比如ul>li*3
    2020-04-11 11:07:51
好帮手慕糖 2020-04-11 16:45:48

同学你好,老师测试了下,是可以打开的,可能是网速的问题,同学可以稍等下。

另,这里记录的是很多的功能,我们不一定能使用的,简单了解下即可。

祝学习愉快~

好帮手慕糖 2020-04-11 13:38:28

同学你好,是的,只有$才可以,第一个回答中也有说明哦,$:表示自动计数的。

还有些其他的功能,可以参考如下了解下。例:

https://docs.emmet.io/abbreviations/syntax/

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    老师你这个网址我这一直加载不出来在转圈...
    2020-04-11 14:04:12
好帮手慕糖 2020-04-11 11:37:10

同学你好,老师测试了下,vscode是可以的,但是必须按照顺序从前往后敲,不能先敲完ul>li*3在回去敲{$}。

按照顺序才可以。

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    我刚试了一下又可以了,可能是插件没反应过来吧。 我想问一下是不是{}里面写的内容就是开闭标签之间的文本内容呢?只是$具有特殊功能?因为我刚试了一下{}里写s出现的3个li标签内容都是s。
    2020-04-11 12:44:57
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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