首頁 > 開發者 > Sublime Text
標籤：
Sublime Text 2的Emmet外掛程式使用簡介Sublime Text可以說是最好用的一個文字編輯器，特別是對於廣大碼農朋友來說，尤其是前端碼農朋友來說。關於Sublime Test的好處我就不多說了，自己去下載吧。相信會用Sublime Text的使用者也一定安裝了它的包管理器，那麼我今天在這裡重點介紹一下Emmet這個外掛程式。
<!-- html:5 + `tab` 或者 `!` + `tab` --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body></body></html><!-- html:xs + `tab` --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title></head><body></body></html><!-- html:xt + `tab` --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title></head><body></body></html><!-- div>p + `tab` --><div> <p></p></div><!-- div+div + `tab` --><div></div><div></div><!-- div>ul>li*5^p + `tab` --><div> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <p></p></div><!-- div>(header>ul>li*2>a)+footer>p + `tab` --><div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer></div><!-- ul>li*5 + `tab` --><ul> <li></li> <li></li> <li></li> <li></li> <li></li></ul><!-- ul>li.item$*5 + `tab` --><ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li></ul><!-- ul>li.item$$$*5 + `tab` --><ul> <li class="item001"></li> <li class="item002"></li> <li class="item003"></li> <li class="item004"></li> <li class="item005"></li></ul><!-- ul>[email protected]*5 + `tab` --><ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li></ul><!-- ul>[email protected]*5 + `tab` --><ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li></ul><!-- #header + `tab` --><div id="header"></div><!-- p#header + `tab` --><p id="header"></p><!-- .title + `tab` --><div class="title"></div><!-- p.title + `tab` --><p class="title"></p><!-- p[title="Hello world"] + `tab` --><p title="Hello world"></p><!-- a{Click me} + `tab` --><a href="">Click me</a><!-- p>{Click }+a{here}+{ to continue} + `tab` --><p>Click <a href="">here</a> to continue</p><!-- meta:utf --><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><!-- meta:vp --><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><!-- meta:compat --><meta http-equiv="X-UA-Compatible" content="IE=7"><!-- table+ --><table> <tr> <td></td> </tr></table>/* bd+ */.test{ border: 1px solid #000;}Sublime Text 2的Emmet外掛程式使用簡介
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
