用VSCode加emmet极速创立网页
Emmet是一个缩写扩展插件,VSCode已经内置,所以不用配置了。 其它文本编辑象vim, pycharm也有相应的插件支持。
下图是一个简单的演示,可以感受下它的威力
image
在创立html文件后,输入html:5 按tab键, 就会创立比较完善的html5框架代码
1.png
它还支持相似jquery的选择器语法,输入div.container 就会创立class为container的div
2.png
还可以用ul>li *5 创立有五个li的ul, 尖括号代码下一级, 星号后面加数字则为连续创立n个前面的元素?
3.png
我们再创立一个略复杂的 table>(tr>td{item$5})5 则会创立一个表格有五行,每行有文本item1到item5的单元格, ()为创立独立分组,表示可以做为一个独立元素,这样我们即可以在后面*5去创立5个分组。而大括号为文本信息,就是单元格里的文本
4.png
这些就足以应付我们平常的大部分重复操作了。另外我们还可以用方括号输入属性值,加号创立同级元素,^创立上级元素,具体使用请百度后食用。
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 用VSCode加emmet极速创立网页
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 用VSCode加emmet极速创立网页