Cmder+Sublime Text“基友”實驗

來源:互聯網
上載者:User

標籤:

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 下載&安裝
  1. 大家可以到官方網站下載軟體,建議下載包含git-for-windows的完整版本,簡便起見,為懶人附個下載連結。
  2. 解壓到你需要的位置(我放到了D:\Program Files (x86)\cmder),把Cmder的bin目錄(D:\Program Files (x86)\cmder\bin)添加到path的環境變數。
  3. 安裝成功,運行測試吧。
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 編輯操作
  • 複製,選中後Ctrl+c,或者Shift + mouse
  • 複製整行,Ctrl+Alt+c
  • 粘貼,Ctrl+v,或者Ctrl + Shift + v,後者右鍵
  • 文本遍曆,Ctrl、Home、End
  • 目錄遍曆,Shift + Up
  • 上級目錄,Ctrl+Alt+u
  • 曆史命令搜尋,Ctrl+r或者Ctrl+s
  • 命令自動完成,Tab,例如書寫mkdir命令時,可以書寫mkd時,Tab鍵可自動補充完整命令。
  • 撤銷,Ctrl+z
  • 顯示clink命令協助,Alt+H

    更多操作參見官方文檔,或者setting裡的熱鍵部分。

3. Sublime Text

Subliem Text號稱最性感的編輯器,相關的資源很多,本文不再贅述。給大家推薦一些相關的資源。

  1. 官方網站
  2. 官方外掛程式Package Control
  3. 全棧開發必備的10款 Sublime Text 外掛程式
  4. Sublime Text 之運行 ES6 (基於babel)
  5. Windows下搭建前端開發IDE
4. Cmder和Sublime結合使用

我們在Cmder中通過命令列的方式開啟Sublime,以一個tab的方式的並存,可以很好地兼顧使用。如所示。

配置過程比較簡單。

  1. 開啟Cmder安裝目錄下的config檔案夾下的aliases檔案。
  2. 在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“基友”實驗

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.