|
將Sublime Text打造成如Eclipse一般的前端開發(fā)IDE 1. 快捷鍵移植篇 從Java開始的夢, 到如癡如醉的Front End, 卻始終擺脫不了Eclipse的束縛. 對于Javaer, Eclipse是非常不錯的選擇, 但對于單純的前端而言, 是不是覺得略顯笨重, 其中各種不想要的東西, 反正是諸多不爽, 曾用過Eclipse來做前端的人應(yīng)該都有同感. 羨慕別人使用VIM時(shí)的酣暢淋漓, 無賴門檻頗高, 上手幾天后在Eclipse的"熏陶"下又漸漸淡忘了. 當(dāng)遇見Sublime Text后, 這一切都改變了, 它簡直就是易用版的VIM卻不失VIM的神力, 也有非常豐富的插件. 我毅然決然的選擇了"拋棄"Eclipse, 投身到它的懷抱.
但用上Sublime Text后, 發(fā)現(xiàn)其中各種快捷鍵和Eclipse不一樣, 苦于Eclipse的習(xí)慣時(shí)常讓我記憶混亂. 為了延續(xù)Eclipse多年的使用習(xí)慣, DRY, 我決定將Eclipse中的常用快捷鍵適配到Sublime Text. 當(dāng)我的調(diào)整完成后, 發(fā)現(xiàn)某個國際友人早就有了這個想法Eclipse shortcuts for Sublime Text 2, 但是不夠完整, 現(xiàn)在有我這份就完美了. 適配的Eclipse快捷鍵如下(其中部分gif動圖, 萬惡的豆瓣不支持...) 1) alt+/ 自動補(bǔ)全
2) ctrl+i 重新縮進(jìn) 3) alt+up / alt+down 上下行交換位置<GIF>
4) ctrl+alt+up / ctrl+alt+down 復(fù)制當(dāng)前行到上/下一行<GIF>
5) ctrl+d 刪除整行 6) ctrl+l 光標(biāo)移動到指定行
7) ctrl+k 快速定位到選中的文字<GIF>
8) ctrl+shift+x / ctrl+shift+y 轉(zhuǎn)換大/小寫 9) shift+enter 在當(dāng)前行的下一行插入空行(這時(shí)鼠標(biāo)可以在當(dāng)前行的任一位置, 不一定是最后)<GIF>
10) ctrl+shift+p 定位到對于的匹配符(譬如{})(從前面定位后面時(shí),光標(biāo)要在匹配符里面,后面到前面,則反之)<GIF>
11) ctrl+o outline
12) ctrl+shift+r open resource<GIF>
13) ctrl+f 文件內(nèi)查找/替換
14) ctrl+h 全局查找/替換, 在查詢結(jié)果中雙擊跳轉(zhuǎn)到匹配位置<GIF>
調(diào)整的快捷鍵和插件快捷鍵 1) ctrl+v 粘帖并縮進(jìn) 2) ctrl+shift+v 粘帖 3) ctrl+alt+o 當(dāng)前文件中的關(guān)鍵字(方便快速查找內(nèi)容)
4) ctrl+p 打開Sublime Text的命令面板, 這個命令默認(rèn)使用的是ctrl+shift+p
5) alt+a 按等號或冒號對齊(需要alignment插件)<GIF>
6) ctrl+shift+f 格式化JavaScript代碼(需要JsFormat插件)<GIF>
實(shí)用Sublime Text快捷鍵 1) ctrl+left / ctrl+shift+left / alt+left / alt+shift+right光標(biāo)一個單詞一個單詞的移動 2) ctrl+] / ctrl+[ 縮進(jìn) 3) ctrl+backspace / ctrl+delete 刪除整個單詞 4) f9 行排序(例如選中幾個JSON字段, 讓這些字段名按字母順序排序) 2. 推薦插件篇 如果沒有各種插件的協(xié)助, Sublime Text絕對還是Text, 而非IDE, 就和Eclipse一樣, 都是靠插件發(fā)展壯大的. 1) Package Control 必裝, 一旦裝了這個, 你就會發(fā)現(xiàn)安裝/卸載插件如此簡單 2) AutoFileName<GIF>
3) BracketHighlighter<GIF>
4) ColorHighlighter
5) DocBlockr
6) Emmet<GIF> 完整語法請參考emmet cheat sheet
7) SideBarEnhancements
更多插件請參考Sublime Text Packages 完整配置文件 ----------- 快捷鍵映射(keymap) Sublime Text編輯器配置 安裝的插件列表 Alignment插件配置 參考 ----------- Using Sublime Text as your IDE Web Development With Sublime Text 2 后記 ----------- 用過IntelliJ IDEA 12才知道原來IDE工具已經(jīng)如此大而全了. 123開始唱(同桌的你<曲>): 如果你不僅寫寫Java, 和Spring打打招呼, 同時(shí)又要擺弄下groovy 什么J2EEJ2ME, 一個也不能少, 當(dāng)然Web工程是必備, 少不了要寫HTML(/CSS/JavaScript), 到現(xiàn)在又要為Android來扛, 還有一個Flex在遠(yuǎn)處向你~~揮手... happy ending~~
如果你更多的是前端開發(fā), 那么還是推薦更專注的JetBrains WebStorm, Web開發(fā)和Node.js都不在話下, 最值得一提的就是JavaScript夢寐以求的API快速定位功能, 掌聲在哪里?
后后記 ----------- 試用過HBuilder之后, 真心覺得是國人的驕傲, 是一款非常不錯的前端IDE, 推薦大家去感受一下, 不僅能夠做常規(guī)的Web前端, 還能夠使用集成的HTML5+框架來開發(fā)(Android | iOS) Hybird App, 值得一試.
|
|
|
