Sublime Text 3 安裝和經常使用的插件安裝 你知道多少呢！

Sublime text 3經常使用插件安裝

話很少說，直接讓咱們來安裝吧！！！

第一步：安裝Sublime Text 3。安裝網址：http://www.sublimetext.com/3

第二步：使用Package Control組件安裝系列插件。

1. 使用快捷鍵 Ctrl+` 顯示出console.
  2. 粘貼如下代碼到底部命令行，回車.
      
     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())

  3. 重啓 Sublime Text 3.
  4. 若在 Preferences 中的 package settings 一項中看到package control 這一項，則表示此項安裝成功。

第三步：利用Package Control安裝插件方法

+ 使用快捷鍵 Ctrl+Shift+P 彈出一個命令窗口。
  + 輸入install，雙擊選擇Install package選項，而後輸入想下載的插件。

接下來,咱們就來一個一個安裝吧！！！

---

1. SublimeTmpl (sublime默認的快捷鍵)

• Ctrl+Alt+H ——> html
• Ctrl+Alt+J ——> javascript
• Ctrl+Alt+C ——> css
• Ctrl+Alt+P ——> php
• Ctrl+Alt+R ——> ruby
• Ctrl+Alt+Shift+P ——> python

2. Emmet (一種快速編譯 Html 和 CSS 的方法)

例如：輸入 div>ul.test*2>li{demo$}*3 按下 tab 鍵，將會自動生成以下代碼：

<div>
          <ul class="test">
              <li>demo1</li>
              <li>demo2</li>
              <li>demo3</li>
          </ul>
          <ul class="test">
              <li>demo1</li>
              <li>demo2</li>
              <li>demo3</li>
          </ul>
      </div>

3. ColorPicker (顏色選擇器)

使用快捷鍵  `Ctrl+shift+C` ,彈出顏色面板，選色便可。

4. View In Browser (在瀏覽器中快速打開html文件)

安裝以後，設置快捷鍵。
   打開菜單欄Preferences中的Key Bindings-User，
   打開Default (Windows).sublime-keymap文件編輯
   內容以下就ok啦：
     { "keys": ["ctrl+alt+f"], "command": "open_in_browser" },
`Ctrl+alt+f` 就是你之後快速打開html頁面的快捷鍵啦！！！ （記得打開以前要先保存哦！）

5. AutoFileName

自動提示文件連接名或圖片選取連接，便於快捷輸入

6. JavaScript Completions

一種編寫js代碼時的提示插件

7. Bracket Highlighter

匹配各類配對的語法符號，如（），｛｝,[],"",''等，適用於代碼較多的時候！

8. Sass

sublime text 3 支持sass文件

9. jQuery

sublime text 3 支持jQuery文件

10. Alignment

代碼對齊，好比js中寫了不少變量，選中這幾行，使用快捷鍵 `Ctrl+Alt+A` ,就能夠所有對齊，很神奇喲！

小夥伴們趕忙去試試吧！！！