摘要：可使用打開(kāi)命令面板，輸入使用進(jìn)行安裝。對(duì)括號(hào)標(biāo)簽進(jìn)行高亮顯示。顏色顯示工具安裝同上使用進(jìn)行安裝。安裝后，使用快捷鍵可以調(diào)出取色板有了上面的設(shè)置和插件，基本已經(jīng)可以玩的起來(lái)了，插件這東西少了不方便，多了機(jī)子卡，其實(shí)得不償失。

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

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

SublimeText3的默認(rèn)設(shè)置也可以，不過(guò)自己配置下，可以讓自己的眼睛舒服一點(diǎn)，下面是我的配置，大家可以參考。打開(kāi)Preference->Setting-User可以進(jìn)行用戶(hù)自定義設(shè)置

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

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

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

Ctrl+PageDown 、Ctrl+PageUp 文件按開(kāi)啟的前后順序切換

Ctrl+Z 撤銷(xiāo)
Ctrl+Y 恢復(fù)撤銷(xiāo)
Ctrl+F2 設(shè)置/取消書(shū)簽
Ctrl+/ 注釋整行（如已選擇內(nèi)容，同“Ctrl+Shift+/”效果）
Ctrl+鼠標(biāo)左鍵 可以同時(shí)選擇要編輯的多處文本

Shift+鼠標(biāo)右鍵（或使用鼠標(biāo)中鍵）可以用鼠標(biāo)進(jìn)行豎向多行選擇
Shift+F2 上一個(gè)書(shū)簽
Shift+Tab 去除縮進(jìn)
Alt+Shift+1（非小鍵盤(pán)）窗口分屏，恢復(fù)默認(rèn)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+分屏序號(hào) 將當(dāng)前焦點(diǎn)頁(yè)分配到分屏序號(hào)頁(yè)

Alt+. 閉合當(dāng)前標(biāo)簽
Alt+F3 選中文本按下快捷鍵，即可一次性選擇全部的相同文本進(jìn)行同時(shí)編輯

Tab 縮進(jìn) 自動(dòng)完成
F2 下一個(gè)書(shū)簽
F6 檢測(cè)語(yǔ)法錯(cuò)誤
F9 行排序(按a-z)
F11 全屏模式

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

第一個(gè)要安裝的插件就是Package Control，這是一個(gè)管理SublimeText3的插件，有了它，安裝、更新、刪除其他插件都變得簡(jiǎn)單。
安裝方法PackageControl網(wǎng)站已經(jīng)給出，大家可以戳這里
其實(shí)就是使用Ctrl+`快捷鍵打開(kāi)SublimeText3的命令行窗口，然后復(fù)制下面的代碼，回車(chē)即可。

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可能會(huì)出問(wèn)題，大家可以參考這里的解決辦法。

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

SideBarEnhancements插件可以自定義快捷鍵打開(kāi)瀏覽器預(yù)覽頁(yè)面，免去了自己去文件目錄打開(kāi)瀏覽器測(cè)試的麻煩，這個(gè)功能太好太強(qiáng)大~~~這里要感謝 jeffjade童靴的分享
可通過(guò)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":".*"
            }
     }
]

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

安裝同上使用PackageControl進(jìn)行安裝。Emmet使用CSS的語(yǔ)法簡(jiǎn)化了HTML/CSS代碼的編寫(xiě)，是猿類(lèi)提高效率的好朋友。
Emmet的完整語(yǔ)法可以參考這里

安裝同上使用PackageControl進(jìn)行安裝。
對(duì)括號(hào)、html標(biāo)簽進(jìn)行高亮顯示。

安裝同上使用PackageControl進(jìn)行安裝。
對(duì)顏色代碼進(jìn)行高亮顯示。

安裝同上使用PackageControl進(jìn)行安裝。
安裝后，使用快捷鍵Ctrl+Shift+C可以調(diào)出取色板

有了上面的設(shè)置和插件，基本SublimeText已經(jīng)可以玩的起來(lái)了，插件這東西少了不方便，多了機(jī)子卡，其實(shí)得不償失。
后面文章會(huì)介紹一些其他的插件