標籤:
0. 目錄
-
- 目錄
- 引子
- Cmder
- 1 下載安裝
- 2 使用
- 21 tab操作
- 22 編輯操作
- Sublime Text
- Cmder和Sublime結合使用
- 聲明
1. 引子
在前端項目開發中,Sass、Compass、Gulp、Git等等越來越多地用到命令列工具,windows內建的命令列工具實在不堪,於是Cmder成為很多人的選擇。同時,號稱“最性感”的Sublime Text因為其可擴充性、可定製性正在成為前端開發人員的一個“法寶”。如何讓這兩個“好基友”協同工作呢?本文來簡要分析下。
2. Cmder
前端開發中越來越多的命令列使用需求,讓我們對windows內建CMD工具頗具痛點,您有沒有曾經為“塊狀”選擇痛心疾首,您有沒有面對面目醜陋、難以調整的視窗唉聲歎氣,您有沒有試圖“多tab視窗”望而卻步,您有沒有習慣Linux的操作而對windows操作而搖頭不已,來吧,Cmder解決您的這些痛點。
大家可以到官方網站瞭解詳情,或者Github深入探討。
2.1 下載&安裝
- 大家可以到官方網站下載軟體,建議下載包含git-for-windows的完整版本,簡便起見,為懶人附個下載連結。
- 解壓到你需要的位置(我放到了D:\Program Files (x86)\cmder),把Cmder的bin目錄(D:\Program Files (x86)\cmder\bin)添加到path的環境變數。
- 安裝成功,運行測試吧。
2.2 使用
安裝過後,我們來一起體會下Cmder的使用,您有沒有為類似於Sublime的色彩體系而怦然心動,我最興奮的是“半透明顯示”特性,略帶偏執的喜歡,哈哈。單擊,有驚喜喲。
小心植入廣告,請輕拍!!
Cmder支援windows CMD的操作和部分Linux的命令,添加了clink、Conemu和git for windows的支援。具體操作總結如下。
2.2.1 tab操作
- 建立tab,單擊右下側“綠色加號”按鈕,或者快速鍵
Ctrl + t
- 關閉tab,tab選項卡裡右鍵菜單關閉,或者快速鍵
Ctrl + w
- 建立CMD,
Shift + Alt + 1
- 建立 PowerShell,
Shift + Alt + 2
- 全屏操作,
Alt + Enter
- 切換Tab,
Ctrl+Tab或Ctrl+Shift+Tab
2.2.2 編輯操作
3. Sublime Text
Subliem Text號稱最性感的編輯器,相關的資源很多,本文不再贅述。給大家推薦一些相關的資源。
- 官方網站
- 官方外掛程式Package Control
- 全棧開發必備的10款 Sublime Text 外掛程式
- Sublime Text 之運行 ES6 (基於babel)
- Windows下搭建前端開發IDE
4. Cmder和Sublime結合使用
我們在Cmder中通過命令列的方式開啟Sublime,以一個tab的方式的並存,可以很好地兼顧使用。如所示。
配置過程比較簡單。
- 開啟Cmder安裝目錄下的config檔案夾下的aliases檔案。
- 在aliases中增加一行,添加別名。
subl="D:\PROGRA~1\sublimeText3\sublime_text.exe" $1 -new_console:s50H
其中,subl為別名,後面是您的Sublime所在的路徑,-new_console:s50H代表在新增的Tab中開啟sublime,同時橫向排列,佔比50%.
下面的操作也可以,我來添加sublime text 2的捷徑,縱向分布,佔比75%。
subl2="D:\PROGRA~1\sublimeText2\sublime_text.exe" $1 -new_console:s75V
注意,其中的路徑有空格的時候需要使用PROGRA~1方式進行替代。
5. 聲明
愛前端,樂分享。FedFun希望與您共同進步。
部落格之星評選進行中,投我一票,感謝您的支援。
歡迎任何形式的轉載,煩請註明裝載,保留本段文字。
獨立部落格http://whqet.github.io
新浪微博http://weibo.com/FedFun
極客頭條http://geek.csdn.net/user/publishlist/whqet
Cmder+Sublime Text“基友”實驗