工具:
安装Sublime3插件, 控制台的使用。view->show console或者 ctrl+~。
打开网址,https://packagecontrol.io/installation,复制代码,放到控制台执行。
安装卸载插件 emmet. 按住ctrl+shift+p打开窗口,卸载:输入remove package ,选择emmet,安装:install package。
快速打开h5标签:输入!,按住tab.
安装browser-sync: 打开网址:http://www.browsersync.cn/,根据提示安装,实时刷新网页编辑的内容。
恶搞:
emmet tips:
生成H5代码: HTML:5 tab 生成meta viewport meta:vp tab 生成 meta http-equiv="...compatible" meta:vompat tab 生成css样式 link:css tab 生成script script:src tab
body体:
<h1 class="info"></h1>:h1.info tab <div class="header"></div>: .header div默认 <a href="http://"></a>: a:link <a href="http://www.baidu.com">百度</a>:a[href=""]{百度} <ul class="list"> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> <li class="item"><a href="">导航</a></li> </ul>:ul.list>ul.list>li.item*8>a{导航} <ul class="list"> <li class="item"><a href="">导航01</a></li> <li class="item"><a href="">导航02</a></li> <li class="item"><a href="">导航03</a></li> <li class="item"><a href="">导航04</a></li> <li class="item"><a href="">导航05</a></li> <li class="item"><a href="">导航06</a></li> <li class="item"><a href="">导航07</a></li> <li class="item"><a href="">导航08</a></li> </ul>:ul.list>ui.list>li.item*8>a{导航$$} $加数字升序 降序¥@- <ul class="list"> <li class="item"><a href="">导航10</a></li> <li class="item"><a href="">导航11</a></li> <li class="item"><a href="">导航12</a></li> <li class="item"><a href="">导航13</a></li> <li class="item"><a href="">导航14</a></li> <li class="item"><a href="">导航15</a></li> <li class="item"><a href="">导航16</a></li> <li class="item"><a href="">导航17</a></li> </ul>: ul.list>li.item*8>a{导航$$@10}