1、Package Control
- 按Ctrl+~調出console（或者view>show console）
- 粘貼以下代碼到底部命令行並回車：
-
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read()) - 重啟Sublime Text 3。
- 如果在Perferences->package settings中看到package control這一項，則安裝成功。
2、js format 一個JS代碼格式化插件。
1. 安裝package control 菜單 View - Show Console 或者 ctrl + ~ 快捷鍵，調出 console。將以下 Python 代碼粘貼進去並 enter 執行，不出意外即完成安裝。以下提供 ST3 的安裝代碼：
import urllib.reques,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
2.打開菜單->首選項->插件控制，輸入 install package
3.等待程序進入插件管理功能，再輸入插件名稱：JS Format (默認快捷鍵Ctrl+Alt+F)
3、ConvertToUTF8
- 按Ctrl+~調出console（或者view>show console）
- 粘貼以下代碼到底部命令行並回車：
-
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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) - 重啟sublime text3。
- 按windows：Ctrl+Shift+P;mac：command+shift+P打開命令行，輸入Install Package，回車，然后繼續輸入ConvertToUTF8，回車。
4、emmet HTML/CSS代碼快速編寫神器
1、在前面已安裝的Package Control的基礎之上，首先
點擊菜單Preference-->Package Control
點擊Install Package
等待幾秒后再彈出如下內容，敲鍵盤emmet，選擇如下：
在 Emmet 安裝完成后，會顯示如下屏幕：然后會自動安裝PyV8，安裝完成，重啟 Sublime Text 3。
5、emmet的基本使用方法
HTML文檔需要包含一些固定的標簽，比如<html>、<head>、<body>等，現在你只需要1秒鍾就可以輸入這些標簽。比如輸入“!”或“html:5”，然后按Tab鍵：
輕松添加類、id、文本和屬性
連續輸入元素名稱和ID，Emmet會自動為你補全，比如輸入p#foo：
連續輸入類和id，比如p.bar#foo，會自動生成：
<p class="bar" id="foo"></p>
下面來看看如何定義HTML元素的內容和屬性。你可以通過輸入h1{foo}和a[href=#]，就可以自動生成如下代碼：
01.<h1>foo</h1> 02.<a href="#"></a>
嵌套
現在你只需要1行代碼就可以實現標簽的嵌套。
- >：子元素符號，表示嵌套的元素
- +：同級標簽符號
- ^：可以使該符號前的標簽提升一行
分組
你可以通過嵌套和括號來快速生成一些代碼塊，比如輸入(.foo>h1)+(.bar>h2)，會自動生成如下代碼：
01.<div class="foo"> 02. <h1></h1> 03.</div> 04.<div class="bar"> 05. <h2></h2> 06.</div>
定義多個元素
要定義多個元素，可以使用*符號。比如，ul>li*3可以生成如下代碼：
01.<ul> 02. <li></li> 03. <li></li> 04. <li></li> 05.</ul>
定義多個帶屬性的元素
如果輸入 ul>li.item$*3，將會生成如下代碼：
01.<ul> 02. <li class="item1"></li> 03. <li class="item2"></li> 04. <li class="item3"></li> 05.</ul>
css縮寫值
比如要定義元素的寬度，只需輸入w100，即可生成
