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

1.SublimeText3的安裝

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

2.常用設置

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 }

3.SublimeText3常用快捷鍵

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 全屏模式

4.SublimeText3插件

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

4.1 管理插件的插件PackageControl

第一個要安裝的插件就是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可能會出問題，大家可以參考這里的解決辦法。

4.2 側邊欄增強工具SideBarEnhancements

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:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe","extensions":".*"}} ]

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

4.3 ZenCoding語法支持Emmet

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

4.4 括號高亮工具BracketLighter

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

4.5 顏色顯示工具Color Highlighter

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

4.6 顏色拾取Color Picker

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

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

總結

以上是生活随笔為你收集整理的SublimeText3系列（1）-安装、设置、快捷键、常用插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。