首页 > 代码库 > 前端高效emmit快捷键
前端高效emmit快捷键
Ctrl+N 新建空白文档
Ctrl+S 保存为 .html 格式
!+Tab 自动生成一段 HTML5 的空模版
<!-- div>ul>li --> <div> <ul> <li></li> </ul> </div> <!-- 子代:> 兄弟:+ 父代:^ 重复:* 成组 () ID # Class . 属性:[] --> <!-- div+div>p>span+em^bq --> <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div> <!-- ul>li*5 --> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul><!-- div>dl>((dt+dd)*3)+footer>p --><div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <footer> <p></p> </footer> </dl></div><!-- input[type=button]*3 --><input type="button"><input type="button"><input type="button"><!-- (div+p#test>span.test2.test3)*5+p[name="hello"]>div.test4^a*5 --><div></div><p id="test"><span class="test2 test3"></span></p><div></div><p id="test"><span class="test2 test3"></span></p><div></div><p id="test"><span class="test2 test3"></span></p><div></div><p id="test"><span class="test2 test3"></span></p><div></div><p id="test"><span class="test2 test3"></span></p><p name="hello"> <div class="test4"></div></p><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a>
zen coding是一个俄国人在2009年开发的一个插件。它能够仿照CSS选择器的描述自动生成想要的代码。 要想在编辑器中使用zen coding编写代码,要安装相应的插件。例如sublime对应的Emmit插件
前端高效emmit快捷键
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。