寫在前面
之前一直在用 notepad++,感覺也還不錯。後來發現身邊的人比自己寫代碼速度快很多,有點不服,就去找插件了,打算找個更好的代碼補全插件,以提高效率。找來找去的結果就是卸載了 npp,改用 sublime。。
P.S. 之前的之前一直在用 Dreamweaver,後來發現編輯幾千行的源碼文件時會莫名其妙地崩潰,無法忍受,才換了輕小的 npp,sublime 也早就裝了,感覺界面不如 npp 順眼就一直沒有用
一。Sublime 的優勢
其實放棄 npp 最直接的原因是找不到一款可以生成註釋模版的插件(類似於 Eclipse 的 Alt + Shift + j),前端開發中註釋非常重要,沒有方便的插件是萬萬不能接受的
找插件的過程中發現很多插件是針對 PHP/Python 的,針對前端的插件不多,而且根本沒有找到好用的,至於代碼補全/註釋生成或許可以通過 QuickText 插件實現,但還是相對麻煩
Sublime 最吸引人的地方可能是Ctrl + p提供的超便捷的功能,輸入 @顯示函數/變量,輸入:n 跳轉到第 n 行,這幾個簡單��功能在 npp 裡至少需要 2-3 個插件,多一個插件意味著要多記一個快捷鍵組合
當然,npp 也有亮點,比如自帶的 Launch in Chrome/IE/FF,而 Sublime 中需要裝插件才能實現
放棄 npp 最大的原因是 npp 的前端插件不夠用,很多插件都早就不更新了,而 Sublime 的前端插件本來就很多,而且正在變得越來越多
P.S. 不用擔心 Sublime 收費的問題,據說可以永久試用,只是偶爾會彈個提示框出來。當然,還有一種東西叫做註冊碼。。
二。安裝 Sublime
官網:http://www.sublimetext.com/
下載安裝即可,目前穩定版本是 2.0.2,註冊碼如下:
----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------
三。常用快捷鍵
1. 萬能命令
-
Ctrl+P,萬能命令面板,直接鍵入字母搜索項目文件,速度很快。
-
Ctrl+P+ 輸入 @,js 列出本文件的所有函數名\html 列出所有 id。
-
Ctrl+P+ 輸入:N(N 為數字),直接跳到第 N 行。
2. 查詢
- Ctrl+Shift+F,快速在項目中查找關鍵詞,類似於 ack-grep 的功能。
3. 註釋代碼
-
Ctrl+/ 註釋整行(如已選擇內容,同「Ctrl+Shift+/」效果)
-
Ctrl+Shift+/ 註釋已選擇內容
4. 折疊代碼
-
Ctrl+Shift+[ 折疊代碼
-
Ctrl+Shift+] 展開代碼
-
Ctrl+KT 折疊屬性
-
Ctrl+K0 展開所有
5. 分欄
-
Alt+Shift+1 一欄瀏覽模式
-
Alt+Shift+2 垂直兩欄瀏覽模式
-
Alt+Shift+8 水平兩欄瀏覽模式
6. 書籤
-
Ctrl+F2 設置書籤
-
F2 下一個書籤
-
Shift+F2 上一個書籤
7. 選擇
-
Ctrl+L 選擇整行(按住 - 繼續選擇下行)
-
Ctrl+KK 從光標處刪除至行尾
-
Ctrl+Shift+K 刪除整行
-
Ctrl+Shift+D 複製光標所在整行,插入在該行之前
-
Ctrl+J 合併行(已選擇需要合併的多行時)
-
Ctrl+KU 改為大寫
-
Ctrl+KL 改為小寫
-
Ctrl+D 選詞(按住 - 繼續選擇下個相同的字符串)
-
Alt+F3 一次性選擇全部的相同文本進行同時編輯
-
Shift+ 鼠標右鍵 一次性選擇全部的相同文本進行同時編輯
-
Ctrl+ 鼠標左鍵 可以手動選擇同時要編輯的多處文本
-
Ctrl+M 光標移動至括號內開始或結束的位置
-
Ctrl+Shift+M 選擇括號內的內容(按住 - 繼續選擇父括號)
-
Ctrl+Z 撤銷
-
Ctrl+Y 恢復撤銷
-
Ctrl+M 光標跳至對應的括號
-
Alt+. 閉合當前標籤
-
Ctrl+Shift+A 選擇光標位置父標籤對兒
-
Ctrl+U 軟撤銷
-
Ctrl+T 詞互換
-
Tab 縮進 自動完成
-
Shift+Tab 去除縮進
-
Ctrl+Shift+↑ 與上行互換
-
Ctrl+Shift+↓ 與下行互換
-
Ctrl+K Backspace 從光標處刪除至行首
-
Ctrl+Enter 光標後插入行
-
Ctrl+Shift+Enter 光標前插入行
四。好用的插件
1. Sublime Package Control
插件管理器,不裝會腰疼
2. GBK Encoding Support
如果打開某 txt 文件發現中文亂碼,那麼你可能需要這個
3. Emmet
zenCoding 升級版
保護手指的神器,類似於 Markdown 一樣的東西,具體語法
使用方法:快捷鍵 ctrl+e
4. BracketHighlighter
匹配的括號高亮顯示
使用方法:自動
5. DocBlockr
註釋模版生成工具(因為這個才拋棄了 NPP)
使用方法:輸入「/**」 + enter 調出 (在 function 的上面一行才有效果)
6. js Format
看別人的代碼得用這個
使用方法:快捷鍵 ctrl+alt+F
有了上面這 6 個插件應該是很不錯了
參考資料
-
前輩博文:這篇文章真是太有用了
暫無評論,快來發表你的看法吧