Cmder+Sublime Text“基友”实验

冷不防 2022-08-18 08:36 98阅读 0赞

## 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解决您的这些痛点。

[![Cmder预览][Cmder]][Cmder_Cmder]

大家可以到[官方网站][Cmder_Cmder]了解详情，或者[Github][]深入探讨。

### 2.1 下载&安装 ###

1.  大家可以到官方网站**下载**软件，建议下载包含git-for-windows的**完整版本**，简便起见，为懒人附个[下载][Link 1]链接。
2.  **解压**到你需要的位置(我放到了**D:\\Program Files (x86)\\cmder**)，把Cmder的bin目录(D:\\Program Files (x86)\\cmder\\bin)添加到path的环境变量。
3.  安装成功，运行测试吧。

### 2.2 使用 ###

安装过后，我们来一起体会下Cmder的使用，您有没有为类似于Sublime的色彩体系而怦然心动，我最兴奋的是“半透明显示”特性，略带偏执的喜欢，哈哈。单击下图，有惊喜哟。

[![这里写图片描述][20151211132549715]][20151211132549715 1]  
小心植入广告，请轻拍！！

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.  [官方网站][Link 2]
2.  官方插件[Package Control][]
3.  [全栈开发必备的10款 Sublime Text 插件][10_ Sublime Text]
4.  [Sublime Text 之运行 ES6 (基于babel)][Sublime Text _ ES6 _babel]
5.  [Windows下搭建前端开发IDE][Windows_IDE]

## 4. Cmder和Sublime结合使用 ##

我们在Cmder中通过命令行的方式打开Sublime，以一个tab的方式的并存，可以很好地兼顾使用。如下图所示。  
![组合使用][20151211130454025]  
配置过程比较简单。

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. 声明 ##

爱前端，乐分享。前端痴王海庆的博客，希望与您共同进步。  
博客之星评选正在进行，[投我一票][20151211132549715 1]，感谢您的支持。  
欢迎任何形式的转载，烦请注明装载，保留本段文字。  
本文原文链接[http://blog.csdn.net/whqet/article/details/50259677][http_blog.csdn.net_whqet_article_details_50259677]  
独立博客[http://whqet.github.io][http_whqet.github.io]  
新浪微博[http://weibo.com/FedFun][http_weibo.com_FedFun]  
极客头条[http://geek.csdn.net/user/publishlist/whqet][http_geek.csdn.net_user_publishlist_whqet]

[Cmder]: https://img-blog.csdn.net/20151211085306823
[Cmder_Cmder]: /images/20220731/e0b6e042afe141b0a7a2c5d8ab6ed7cf.png
[Github]: https://github.com/cmderdev/cmder
[Link 1]: https://github.com/bliker/cmder/releases/download/v1.2.9/cmder.zip
[20151211132549715]: https://img-blog.csdn.net/20151211132549715
[20151211132549715 1]: /images/20220731/491314084ba246569b6f135e4fc19b30.png
[Link 2]: http://www.sublimetext.com/
[Package Control]: https://packagecontrol.io/
[10_ Sublime Text]: http://www.cnblogs.com/lhb25/p/10-essential-sublime-text-plugins.html
[Sublime Text _ ES6 _babel]: http://www.52cik.com/2015/10/21/sublime-text-run-es6.html
[Windows_IDE]: http://yalishizhude.github.io/2015/07/28/makeIDE/
[20151211130454025]: /images/20220731/5af65270e9bb4d959f1ee4cb5996011d.png
[http_blog.csdn.net_whqet_article_details_50259677]: http://blog.csdn.net/whqet/article/details/50259677
[http_whqet.github.io]: http://whqet.github.io
[http_weibo.com_FedFun]: http://weibo.com/FedFun
[http_geek.csdn.net_user_publishlist_whqet]: http://geek.csdn.net/user/publishlist/whqet