preference->package control->install package> emmet / jQuery
<br>
#先說jQuery
jQuery 整合了許多JS的補全功能.例如appendChild, 它會有.
<br>
#Emmet
快速鍵
http://docs.emmet.io/cheat-sheet/
! tab 產生html基本格式
table tab 產生table的標籤
a tab \ link tab 產生連結, 和css 連結
nav>ul>li 生成:
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"></span><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"></span><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span></span></span></span>nav>ul>li*5
#<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"></span><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"></span><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span></span></span></span></span></span></span></span>生成#id. class
div#header
span.abc
span.abc.def
<font style="font-size: 12pt;"><span><span> <span>class=</span><span>"abc def"</span><span>></span></span></span></font>
<br>
<font size="5" style="background-color: rgb(255, 255, 0);">CSS</font>
<font style="font-size: 12pt;">po/ pos</font>
<font style="font-size: 12pt;">弹出:position:relative;</font>
<font size="3">poa/ pos:a;/posa</font>
<font size="3">弹出: position:absolute;</font>
<br>
<font size="3">p</font>
<font size="3">弹出:padding:;</font>
<font size="3">b/bo</font>
<font size="3">bottom:;</font>
<font size="3">backg/bg</font>
<font size="3">background:;</font>
<font size="3">bg+</font>
<img style="max-width:90%" style="max-width:90%" title="sublime text3 jQuery Emmet 插件 安裝方法,快速鍵" style="margin: 0px; display: inline; background-sublime text3 jQuery Emmet 插件 安裝方法,快速鍵: none;" alt="sublime text3 jQuery Emmet 插件 安裝方法,快速鍵" src="https://img.php.cn/upload/article/000/000/001/d6a293d149c6643c3ffbda36f9bb1e60-0.png" border="0">
bd
boarder
m
margin
m:a
margin:auto
<br>
<font style="font-size: 12pt;"> </font>
以上是sublime text3 jQuery Emmet 插件 安裝方法,快速鍵的詳細內容。更多資訊請關注PHP中文網其他相關文章！
