【效率工具】磨刀不误砍柴工之-VsCode-集成终端-Cmder（四）

这是我参与更文挑战的第 4 天，活动详情查看： 更文挑战

工欲善其事，必先利其器。实践（巧偷懒）促进科技发展

前文【效率工具】VsCode 代码片段 .code-snippets(三) 介绍了前端开发过程中一些常用的自定义代码片段，方便快捷，敲击几个字母就输入 自定义 的代码片段，随心所欲-，-

写作整理不易，勤快的大手子，爱心的小小赞点一点啦 仅当参考，按需食用，不足之处，欢迎各路大佬不吝赐教，补充完善，欢迎分享

• 本文分享配置 优化日常 coding 的编辑器 Vscode

终端集成Cmder Terminal

当然也可以使用 Windows Terminal，也可美丽了， 足已替换 Cmder了

1. Cmder 简简介

使用 cmder(官网) 替换 cmd.exe, 是一个增强型命令行工具，集成了更多强大功能，可选自带git版本，也可以选择 mini版 不仅可以使用 windows下的命令，还可以使用linux、shell命令。 让开发更高效，集成到 Vscode terminal, 效率更高了-，-

cmd.exe 老不耐看了有没有， Cmder 通过配置，可以定制美化界面

一些特点

• 便携，解压即可用
• 自带 git、ls、curl 等命令
• 可设置命令别名
• 丰富的颜色主题（Solarized、Twilight、Ubuntu、xterm、Monokai，甚至接受自定）、可定制字体
• 支持 tab 分页、同屏多端口（支持水平分割、垂直分割）
• 支持自定 terminal，无论是 CMD、PowerShell、bash 都可以，还可以注入环境变量

2. Cmder 配置

还是复习命令快捷键， 慢慢习惯快捷键，熟悉到熟练。 首先使用 windows + alt + p 进入界面设置

可以进行 背景色、字体、颜色、背景透明度、隐藏标题栏、状态栏... 命令提示符 $

当然最便捷的还是别名 alias 的设置，最是快捷方便！

git: git log -> gl / git push -> gp / ls 查看文件列表/ cls 清除命令行清屏... 具体设置待后续补充

3. 集成到 Vscode 相关配置

下面代码为 Vscode版本更新到 v1.55.0 后的配置

Vscode 版本更新前 VS 版本更新后

更新后会提示此条配置字段已废弃

经历一番探索后 完成如下配置

// 集成终端为 cmder
"terminal.integrated.env.windows": {
  "CMDER_ROOT": "D:\\cmder"
},
"terminal.integrated.profiles.windows": {
  "Command Prompt": {
    "path": [
      "${env:windir}\\SysNative\\cmd.exe",
      "${env:windir}\\System32\\cmd.exe"
    ],
    "icon": "terminal-cmd",
    "args": [
      "/k",
      "D:\\Cmder\\vendor\\init.bat"
    ]
  },
},
// 设置默认终端走 我们配置集成的 cmder 别名
"terminal.integrated.defaultProfile.windows": "Command Prompt",

上述代码中的 ${env:windir} 和 System32,SysNative 对应如下图

args 中配置 cmder 的路径位置

---

这里列举部分配置，仅作参考，抛砖引玉， 这些都是可以根据自己需求来定制的， 可以大大提高码字效率，有没有 get 到呢?

预告

下文我将更新【代码规范】日常开发中的 CodeStyle，写作整理不易 敬请期待.. hahah