Cmder+Sublime Text“基友”实验

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+Sublime Text“基友”实验_第1张图片

大家可以到官方网站了解详情,或者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+Sublime Text“基友”实验_第2张图片
小心植入广告,请轻拍!!

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的方式的并存,可以很好地兼顾使用。如下图所示。
Cmder+Sublime Text“基友”实验_第3张图片
配置过程比较简单。

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

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

你可能感兴趣的:(工具推荐,技术总结)