教你美化电脑终端，只需2分钟

前言

在npm的日益壮大下，开发项目时我们无法离开「终端」，但是如果你作为一名具备美感的前端，可能会吐槽为什么系统自带的终端会那么丑。下面贴上「Windows」和「MacOS」自带的终端界面。

有没有办法对它进行美化或者使用第三方终端工具代替它呢。答案是肯定的，在此我推荐两款终端工具，分别代替「Windows」和「MacOS」下的终端。

• Windows：Cmder
• MacOS：iTerm

根据系统选择以上的终端工具，自行在官网上下载并安装软件，安装完成才是正式的开始。

Cmder配置

• 打开Cmder
• 进入「右下角菜单图标 > Settings」
  • 设置「General > Interface Language」，选择语言
  • 设置「General > Choose Color Scheme」，选择颜色方案(小编选的是Xterm)
  • 设置「General > Fonts > Main Console Font」，调整字体和大小
  • 设置「Features > Transparency > Active Window Transparency」，调整活动窗口透明度
  • 设置「Features > Transparency > Use Separate Transparency Value For Inactive Window」，调整非活动窗口透明度
• 配置完成后显示效果如下：半透明的Xterm主题，不过没有「iTerm」炫酷

iTerm配置

• 打开「MacOS」自带的终端
• 输入vim命令：vim ~/.bash_profile
• 插入配置信息# 启用终端导出着色 export CLICOLOR=1 # 设置终端导出颜色方案 export LSCOLORS=gxfxcxdxbxegedabagacad # 设置提示颜色 export PS1='\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;36m\]\w\[\033[00m\]\$ ' # 启用iTerm着色 export TERM=xterm-color
• 按esc退出vim编辑模式
• 输入vim命令：:wq
• 重启「iTerm」
• 下载「iTerm」色彩方案iTerm2-Color-Schemes并解压
• 进入「Preference > Profiles」
  • 设置「Terminal > Report Terminal Type」，选择xterm-new
  • 设置「Colors > Color Presets > Import」，导入iTerm2-Color-Schemes的schemes文件夹，选择自己喜欢的颜色方案(小编选的是Galaxy)
  • 设置「Text > Font」，调整字体、规格、大小、行高和行距
  • 设置「Window > Transparency」，调整窗口透明度
  • 设置「Session > Status bar enabled > Configure Status Bar」，拖拽需要显示的状态
• 配置完成后显示效果如下：各种状态显示和半透明的Galaxy主题，「妹纸们都说很酷很好看」(这个是重点)

结语

「❤️关注+点赞+收藏+评论+转发❤️」，原创不易，鼓励笔者创作更好的文章

「关注公众号IQ前端，一个专注于CSS/JS开发技巧的前端公众号，更多前端小干货等着你喔」