一.下載安裝
參考網站:http://lucida.me/blog/sublime-text-complete-guide/
注意在安裝時勾選Add to explorer context menu,這樣在右鍵單擊文件時就可以直接使用Sublime Text打開。
二.安裝Package Control(插件管理器)
Sublime Text支持大量插件,如何找到並管理這些插件就成了一個問題,Package Control正是為了解決這個問題而出現的,利用它我們可以很方便的瀏覽、安裝和卸載Sublime Text中的插件。
1.按下快捷鍵: ctrl + shift + p 打開命令行
2 然后在輸入框中輸入install ,然后選中install package control
3 等待 安裝,出現 success 表示成功安裝
三.安裝插件
1 按下快捷鍵: ctrl+shift+p
2 輸入Package Control : ,然后選中Install Package ,進入安裝界面
3 輸入要安裝的插件名稱,如Chineselocalizations(漢化插件)
四.卸載插件
1 按下快捷鍵: ctrl+shift+p
2 輸入Package Control : ,然后選中Remove Package ,進入安裝界面
3 輸入要卸載的插件名稱,如Chineselocalizations(漢化插件)
五.常用快捷鍵
通用(General)
- ↑↓←→:上下左右移動光標,注意不是不是KJHL!
- Alt:調出菜單
- Ctrl + Shift + P:調出命令板(Command Palette)
- Ctrl + `:調出控制台
編輯(Editing)
- Ctrl + Enter:在當前行下面新增一行然后跳至該行
- Ctrl + Shift + Enter:在當前行上面增加一行並跳至該行
- Ctrl + ←/→:進行逐詞移動
- Ctrl + Shift + ←/→進行逐詞選擇
- Ctrl + ↑/↓移動當前顯示區域
- Ctrl + Shift + ↑/↓移動當前行
選擇(Selecting)
- Ctrl + D:選擇當前光標所在的詞並高亮該詞所有出現的位置,再次Ctrl + D選擇該詞出現的下一個位置,在多重選詞的過程中,使用Ctrl + K進行跳過,使用Ctrl + U進行回退,使用Esc退出多重編輯
- Ctrl + Shift + L:將當前選中區域打散
- Ctrl + J:把當前選中區域合並為一行
- Ctrl + M:在起始括號和結尾括號間切換
- Ctrl + Shift + M:快速選擇括號間的內容
- Ctrl + Shift + J:快速選擇同縮進的內容
- Ctrl + Shift + Space:快速選擇當前作用域(Scope)的內容
查找&替換(Finding&Replacing)
- F3:跳至當前關鍵字下一個位置
- Shift + F3:跳到當前關鍵字上一個位置
- Alt + F3:選中當前關鍵字出現的所有位置
- Ctrl + F/H:進行標准查找/替換,之后:
- Alt + C:切換大小寫敏感(Case-sensitive)模式
- Alt + W:切換整字匹配(Whole matching)模式
- Alt + R:切換正則匹配(Regex matching)模式
- Ctrl + Shift + H:替換當前關鍵字
- Ctrl + Alt + Enter:替換所有關鍵字匹配
- Ctrl + Shift + F:多文件搜索&替換
跳轉(Jumping)
-
- Ctrl + P:跳轉到指定文件,輸入文件名后可以:
- @ 符號跳轉:輸入@symbol跳轉到symbol符號所在的位置
- 關鍵字跳轉:輸入#keyword跳轉到keyword所在的位置
- : 行號跳轉:輸入:12跳轉到文件的第12行。
- Ctrl + R:跳轉到指定符號
- Ctrl + G:跳轉到指定行號
窗口(Window)
- Ctrl + Shift + N:創建一個新窗口
- Ctrl + N:在當前窗口創建一個新標簽
- Ctrl + W:關閉當前標簽,當窗口內沒有標簽時會關閉該窗口
- Ctrl + Shift + T:恢復剛剛關閉的標簽
屏幕(Screen)
- F11:切換普通全屏
- Shift + F11:切換無干擾全屏
- Alt + Shift + 2:進行左右分屏
- Alt + Shift + 8:進行上下分屏
- Alt + Shift + 5:進行上下左右分屏
- 分屏之后,使用Ctrl + 數字鍵跳轉到指定屏,使用Ctrl + Shift + 數字鍵將當前屏移動到指定屏
六.常用插件
1.Emmet
功能:編碼快捷鍵,前端必備
簡介:Emmet作為zen coding的升級版,對於前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http://docs.emmet.io/)上看下具體的演示視頻。
使用:教程-http://docs.emmet.io/cheat-sheet/、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/
2.JSFormat
功能:Javascript的代碼格式化插件
簡介:很多網站的JS代碼都進行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來很吃力。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等,是代碼一目了然,更快讀懂~
使用:在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認快捷鍵(Ctrl+Alt+F)
3.LESS
功能:LESS高亮插件
簡介:用LESS的同學都知道,sublime沒有支持less的語法高亮,所以這個插件可以幫上我們
使用:打開.less文件或者設置為less格式
4.Less2CSS
功能:編譯Less
簡介:監測到文件改動時,編譯保存為.css文件
使用:打開.less文件,編寫代碼保存即可看到同時生成.css的文件,如果沒有則需要安裝node。不推薦用這種方法編譯,要么用koala,要么就用grunt編譯。
5.Alignment
功能:”=”號對齊
簡介:變量定義太多,長短不一,可一鍵對齊
使用:默認快捷鍵Ctrl+Alt+A和QQ截屏沖突,可設置其他快捷鍵如:Ctrl+Shift+Alt+A;先選擇要對齊的文本
6.sublime-autoprefixer
功能:CSS添加私有前綴
簡介:CSS還未標准化,所以要給各大瀏覽器一個前綴以解決兼容問題
使用:Ctrl+Shift+P,選擇autoprefixer即可。需要安裝node.js。
其他設置如快捷鍵請參考:https://sublime.wbond.net/packages/Autoprefixer
7.Clipboard History
功能:粘貼板歷史記錄
簡介:方便使用復制/剪切的內容
使用:
Ctrl+alt+v:顯示歷史記錄
Ctrl+alt+d:清空歷史記錄
Ctrl+shift+v:粘貼上一條記錄(最舊)
Ctrl+shift+alt+v:粘貼下一條記錄(最新)
8.Bracket Highlighter
功能:代碼匹配
簡介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮標記,便於查看起始和結束標記
使用:點擊對應代碼即可
9.Git
功能:git管理
簡介:插件基本上實現了git的所有功能
使用:https://github.com/kemayo/sublime-text-git/wiki
10.jQuery
功能:jQ函數提示
簡介:快捷輸入jQ函數,是偷懶的好方法
11.DocBlockr
功能:生成優美注釋
簡介:標准的注釋,包括函數名、參數、返回值等,並以多行顯示,手動寫比較麻煩
使用:輸入/*、/**然后回車,還有很多用法,請參照https://sublime.wbond.net/packages/DocBlockr
12.ColorPicker
功能:調色板
簡介:需要輸入顏色時,可直接選取顏色
使用:快捷鍵Windows: ctrl+shift+c

13.ConvertToUTF8
功能:文件轉碼成utf-8
簡介:通過本插件,您可以編輯並保存目前編碼不被 Sublime Text 支持的文件,特別是中日韓用戶使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI等。ConvertToUTF8 同時支持 Sublime Text 2 和 3。
使用:安裝插件后自動轉換為utf-8格式
14.AutoFileName
功能:快捷輸入文件名
簡介:自動完成文件名的輸入,如圖片選取
使用:輸入”/”即可看到相對於本項目文件夾的其他文件
15.Nodejs
功能:node代碼提示
教程:https://sublime.wbond.net/packages/Nodejs
16.IMESupport
功能:sublime中文輸入法
簡介:還在糾結 Sublime Text 中文輸入法不能跟隨光標嗎?試試「IMESupport 」這個插件吧!目前只支持 Windows,在搜索等界面不能很好的跟隨光標。
使用:Ctrl + Shift + P →輸入pci →輸入IMESupport →回車
17.Trailing spaces
功能:檢測並一鍵去除代碼中多余的空格
簡介:還在糾結代碼中有多余的空格而顯得代碼不規范?或是有處女座情節?次插件幫你實現發現多余空格、一鍵刪除空格、保存時自動刪除多余空格,讓你的代碼規范清爽起來
使用:安裝插件並重啟,即可自動提示多余空格。一鍵刪除多余空格:CTRL+SHITF+T(需配置),更多配置請點擊標題。快捷鍵配置:在Preferences / Key Bindings – User加上代碼(數組內)
"keys": ["ctrl+shift+t"],
"command": "delete_trailing_spaces" }

18.FileDiffs
功能:強大的比較代碼不同工具
簡介:比較當前文件與選中的代碼、剪切板中代碼、另一文件、未保存文件之間的差別。可配置為顯示差別在外部比較工具,精確到行。
使用:右鍵標簽頁,出現FileDiffs Menu或者Diff with Tab…選擇對應文件比較即可

19.GBK Encoding Support
功能:中文識別
簡介:Sublime Text 2可識別UTF-8格式的中文,不識別GBK和ANSI,因此打開很多含中文的文檔都會出現亂碼。可以通過安裝插件GBK Support,來識別GBK和ANSI。
使用:
- Open a GBK File
- Save file with GBK encoding
- Change file encoding from utf8 to GBK or GBK to utf8

20.SideBarEnhancements
功能:右鍵菜單增強
簡介:在側邊欄的文件上右擊時,這個插件提供了大量更多的選擇。打開,查找,復制和粘貼,等等。
其他插件
- 漢化插件 ChineseLocalzations
- ColorHighlighter:會在代碼中展示你所選擇的顏色代碼;
- Can I Use:選中你的屬性右鍵之后會有一個Can I Use的選項,點擊之后會在瀏覽器打開一個網址顯示這個屬性的兼容情況
- CSS Format:CSS代碼格式化。解決壓縮問題
