1.進入sublime官網(wǎng)下載
2.安裝package control組件
- 在左下角找到Console,點擊輸入
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
3.使用package control安裝插件
- 按下Ctrl+Shift+P調(diào)出命令面板
- 輸入install 調(diào)出 Install Package 選項并回車膨俐,然后在列表中選中要安裝的插件
4.常用插件介紹
- Emmet:編碼快捷鍵
- JSFormat:JavaScript的代碼格式化插件(默認(rèn)快捷鍵Ctrl+Alt+F)
- AutoFileName:快捷輸入文件名
- SideBar Enhancements:側(cè)邊欄功能擴展
- Autoprefixer CSS3:前綴補充
- CSScomb:css屬性排序(默認(rèn)快捷鍵Ctrl+SHIFT+C)
- CSSformat:消除空行(執(zhí)行EDIT->CSS FORMAT->EXPANDED)
- node.js:直接運行js代碼
- HTML-CSS-JS Prettify:代碼格式化
5.常用快捷鍵
- 就近選擇相同項: ctrl+d
- 選擇當(dāng)前文件所有匹配項:alt+f3
- 選擇文本的包裹標(biāo)簽:ctrl+shift+`
- 向上擴展一層:ctrl+shift+a
- 整行的上下移動:ctrl+shift+↑/↓
- 選中整行:ctrl+l
- 注釋選中項/行:ctrl+/
- 新建文件:ctrl+n
6.Emmet語法
- 后代:ul>li
- 兄弟:div+p
- 分組:ul>(li>a)*5
- 乘法:li*5
- 自增:ul>li.item$*5
- ID:#header
- 類:.box1