webstrop快捷键高级应用
2017-12-05 15:52
78 查看
:div#abc,按Tab键 <div id="abc"></div>
:div.abc,按Tab键 <div class="abc"></div>
div>p*6 ,按Tab键 输入一个div里有6个p标签
a[href=#] <a href="#"></a>
ul.menu>li*6>a[href=#]{HTML} .menu为lu,其中有6个li中带a,
Webstorm > Preferences > Live Templates即时模板设置
html:5 或者 ! 生成 HTML5 结构
html:xt 生成 HTML4 过渡型
html:4s 生成 HTML4 严格型
#aaa 生成 id 为 aaa 的 div 标签,Emmet 默认的标签为 div
span.bbb class 为 bbb 的 span 标签
ul#ccc.ddd id 为 ccc 的 class 为 ddd 的 ul 标签
div.aaa>ul>li 生成后代:>
div+p+bq 生成兄弟:+
div>ul>li^span 生成上级元素:^
div>ul>li^^span
ul>li*5 重复生成多份:*
div>(header>ul>li*2>a)+footer>p 生成分组:()
ul>li.item$*5 对生成内容编号:$正序 @倒序
ul>li.item$@3*5 @N 指定开始的序号
a[href="http://blog.wpjam.com"]{点击这里到 我爱水煮鱼} 生成文本内容:{}
h300+w300 enter生成高300px宽300px
meta:vb+Tab 生成自适应标准viewport
:div.abc,按Tab键 <div class="abc"></div>
div>p*6 ,按Tab键 输入一个div里有6个p标签
a[href=#] <a href="#"></a>
ul.menu>li*6>a[href=#]{HTML} .menu为lu,其中有6个li中带a,
Webstorm > Preferences > Live Templates即时模板设置
html:5 或者 ! 生成 HTML5 结构
html:xt 生成 HTML4 过渡型
html:4s 生成 HTML4 严格型
#aaa 生成 id 为 aaa 的 div 标签,Emmet 默认的标签为 div
span.bbb class 为 bbb 的 span 标签
ul#ccc.ddd id 为 ccc 的 class 为 ddd 的 ul 标签
div.aaa>ul>li 生成后代:>
div+p+bq 生成兄弟:+
div>ul>li^span 生成上级元素:^
div>ul>li^^span
ul>li*5 重复生成多份:*
div>(header>ul>li*2>a)+footer>p 生成分组:()
ul>li.item$*5 对生成内容编号:$正序 @倒序
ul>li.item$@3*5 @N 指定开始的序号
a[href="http://blog.wpjam.com"]{点击这里到 我爱水煮鱼} 生成文本内容:{}
h300+w300 enter生成高300px宽300px
meta:vb+Tab 生成自适应标准viewport
相关文章推荐
- 微信公众账号开发模式高级应用(纯JSP开发)
- 《精通CSS高级web标准解决方案》——第一章、第二章(为样式找到应用目标)即选择器
- 二级MS Office高级应用--Excel常用函数
- vim 的高级应用
- DNS高级应用
- JSP高级应用之“监听器“
- JAVA高级应用学习笔记----流
- MRTG高级应用
- Javascript 是你的高阶函数(高级应用)
- Nginx高级应用--负载均衡、rewrite规则
- KnockoutJS 3.X API 第六章 组件(5) 高级应用组件加载器
- 【实例】仿购物车原理-高级Action应用三(通过MappingDispatchAction方式)
- Oracle PL/SQL高级应用 游标
- Redis客户端开发包:Jedis学习-高级应用
- Redis高级特性及应用场景
- iptables高级应用实例
- SQL高级应用
- 翻译:Contoso 大学 - 10 - 高级 EF 应用场景
- 多线程并发库高级应用 之 传统定时器、互斥、同步通信技术