摘要：可使用打開命令面板，輸入使用進行安裝。對括號標簽進行高亮顯示。顏色顯示工具安裝同上使用進行安裝。安裝后，使用快捷鍵可以調出取色板有了上面的設置和插件，基本已經可以玩的起來了，插件這東西少了不方便，多了機子卡，其實得不償失。

工欲善其事，必先利其器！
對于程序猿們來說，一個方便、快捷、跨平臺的代碼編輯器能夠大大提高工作效率。
在前端開發中，SublimeText是使用較為廣泛的編輯器。小伙伴們目前使用的版本主要為SublimeText2與SublimeText3。SublimeText2我們不提，文中針對的版本是SublimeText3，使用的是Windows版本。

可到SublimeText的官方網站下載安裝包，有Mac OSX、Ubuntu、與Windows版本。各個系統版本安裝都不困難，Windows版本的安裝與其他軟件安裝差不多，自己選好安裝目錄，“下一步”就OK！
這里有個小技巧，在安裝好SublimeText3后，先不捉急打開Sublime程序，先在安裝目錄下新建一個Data文件夾，這樣之后安裝的插件就會放在Data文件夾中，而不是放在默認的%APPDATA%/SublimeText3/Packages中。這樣以后我們換機器、重裝系統只需要把SublimeText3安裝目錄的文件直接Copy就可以，避免了重復安裝配置。

SublimeText3的默認設置也可以，不過自己配置下，可以讓自己的眼睛舒服一點，下面是我的配置，大家可以參考。打開Preference->Setting-User可以進行用戶自定義設置

{
  "ignored_packages":
  [
    "Vintage"
  ],
  // 設置字體
  /*"font_face": "Microsoft Yahei",*/
  "font_size": 16,
  // 使光標閃動更加柔和
  "caret_style": "phase",
  // 高亮當前行
  "highlight_line": true,
  // 高亮有修改的標簽
  "highlight_modified_tabs": true,
  // 焦點丟失后自動保存
  "save_on_focus_lost": true,
  // 顯示當前文件的編碼
  "show_encoding": true,
  // 設置tab鍵的大小
  "tab_size": 2,
  // tab轉換為空格
  "translate_tabs_to_spaces": true,
  // 保存的時候把無用的空格去掉
  "trim_trailing_white_space_on_save": true,
  // 自動換行
  "word_wrap": false,
  // 拼寫檢查
  "spell_check": false,
  // 要不要滾過頭
  "scroll_past_end": true,
  // 加粗文件夾名稱
  "bold_folder_labels": true,
  // 寬度指導線
  "rulers": [80],
  // 顯示全路徑
  "show_full_path": true,
  //禁用 Emmet 的 tab 鍵功能（請使用 ctrl+e）
  "disable_tab_abbreviations": true
}

Ctrl+D 選詞 （反復按快捷鍵，即可繼續向下同時選中下一個相同的文本進行同時編輯）
Ctrl+G 跳轉到相應的行
Ctrl+J 合并行（已選擇需要合并的多行時）
Ctrl+L 選擇整行（按住-繼續選擇下行）
Ctrl+M 光標移動至括號內開始或結束的位置
Ctrl+T 詞互換
Ctrl+U 軟撤銷
Ctrl+P 查找當前項目中的文件和快速搜索；輸入 @ 查找文件主標題/函數；或者輸入 : 跳轉到文件某行；
Ctrl+R 快速列出/跳轉到某個函數
Ctrl+K Backspace 從光標處刪除至行首
Ctrl+K+B 開啟/關閉側邊欄
Ctrl+KK 從光標處刪除至行尾
Ctrl+K+T 折疊屬性
Ctrl+K+U 改為大寫
Ctrl+K+L 改為小寫
Ctrl+K+0 展開所有
Ctrl+Enter 插入行后（快速換行）
Ctrl+Tab 當前窗口中的標簽頁切換

Ctrl+Shift+A 選擇光標位置父標簽對兒
Ctrl+Shift+D 復制光標所在整行，插入在該行之前
ctrl+shift+F 在文件夾內查找，與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找
Ctrl+Shift+K 刪除整行
Ctrl+Shift+L 鼠標選中多行（按下快捷鍵），即可同時編輯這些行
Ctrl+Shift+M 選擇括號內的內容（按住-繼續選擇父括號）
Ctrl+Shift+P 打開命令面板
Ctrl+Shift+/ 注釋已選擇內容
Ctrl+Shift+↑可以移動此行代碼，與上行互換
Ctrl+Shift+↓可以移動此行代碼，與下行互換
Ctrl+Shift+[ 折疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+Shift+Enter 光標前插入行

Ctrl+PageDown 、Ctrl+PageUp 文件按開啟的前后順序切換

Ctrl+Z 撤銷
Ctrl+Y 恢復撤銷
Ctrl+F2 設置/取消書簽
Ctrl+/ 注釋整行（如已選擇內容，同“Ctrl+Shift+/”效果）
Ctrl+鼠標左鍵 可以同時選擇要編輯的多處文本

Shift+鼠標右鍵（或使用鼠標中鍵）可以用鼠標進行豎向多行選擇
Shift+F2 上一個書簽
Shift+Tab 去除縮進
Alt+Shift+1（非小鍵盤）窗口分屏，恢復默認1屏
Alt+Shift+2 左右分屏-2列
Alt+Shift+3 左右分屏-3列
Alt+Shift+4 左右分屏-4列
Alt+Shift+5 等分4屏
Alt+Shift+8 垂直分屏-2屏
Alt+Shift+9 垂直分屏-3屏

Ctrl+Shift+分屏序號 將當前焦點頁分配到分屏序號頁

Alt+. 閉合當前標簽
Alt+F3 選中文本按下快捷鍵，即可一次性選擇全部的相同文本進行同時編輯

Tab 縮進 自動完成
F2 下一個書簽
F6 檢測語法錯誤
F9 行排序(按a-z)
F11 全屏模式

各種插件都可以到Package Control上去搜索

第一個要安裝的插件就是Package Control，這是一個管理SublimeText3的插件，有了它，安裝、更新、刪除其他插件都變得簡單。
安裝方法PackageControl網站已經給出，大家可以戳這里
其實就是使用Ctrl+`快捷鍵打開SublimeText3的命令行窗口，然后復制下面的代碼，回車即可。

import urllib.request,os,hashlib; h = "2915d1851351e5ee549c20394736b442" + "8bc59f460fa1548d1514676163dafc88"; 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)

PackageControl可能會出問題，大家可以參考這里的解決辦法。

SublimeText3的側邊欄原始功能是比較少的，右鍵菜單只有新建，刪除，重命名幾個基本的功能，SideBarEnhancements增加了“放入回收站”，“瀏覽器打開”等實用功能。
可使用Ctrl+Shift+P打開命令面板，輸入Install Package使用PackageControl進行安裝。

SideBarEnhancements插件可以自定義快捷鍵打開瀏覽器預覽頁面，免去了自己去文件目錄打開瀏覽器測試的麻煩，這個功能太好太強大~~~這里要感謝 jeffjade童靴的分享
可通過preferences->package setting->side bar->Key Bindings-User，鍵入以下代碼：

[   
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:UsersjeffjAppDataLocalGoogleChromeApplicationchrome.exe",
                "extensions":".*"
            }
     }
]

這里設置按Ctrl+Shift+C復制文件路徑，按F2即可在Chrome瀏覽器預覽效果(如果需要的話，也可以根據自己的需要為Firefox，Safari，IE，Opera等加上)，當然你也可以自己定義喜歡的快捷鍵，最后注意代碼中的瀏覽器路徑要以自己電腦里的文件路徑為準。

安裝同上使用PackageControl進行安裝。Emmet使用CSS的語法簡化了HTML/CSS代碼的編寫，是猿類提高效率的好朋友。
Emmet的完整語法可以參考這里

安裝同上使用PackageControl進行安裝。
對括號、html標簽進行高亮顯示。

安裝同上使用PackageControl進行安裝。
對顏色代碼進行高亮顯示。

安裝同上使用PackageControl進行安裝。
安裝后，使用快捷鍵Ctrl+Shift+C可以調出取色板

有了上面的設置和插件，基本SublimeText已經可以玩的起來了，插件這東西少了不方便，多了機子卡，其實得不償失。
后面文章會介紹一些其他的插件