作者：JowayYoung仓库：Github、CodePen博客：官网、掘金、师傅、知乎公众号：智商前端特别声明：原创不易，未经授权不得转载或抄袭，如有需要转载请联系作者授权Cmder&iTerm系列美化您的终端。请点此继续更新前言。随着npm越来越大，我们在开发项目的时候离不开终端，但是如果你是一个有美感的前端，你可能会抱怨为什么系统自动自带的终端会这么难看。下面贴上Windows和MacOS自带的终端界面。有没有办法美化它或改用第3方终端工具。答案是肯定的，这里推荐两款终端工具，分别替代Windows和MacOS下的终端。Windows：CmderMacOS：iTerm根据系统选择以上终端工具，自行在官网下载安装软件，安装完成后才正式启动。Cmder配置打开Cmder进入右下角菜单图标>Settings，设置General>InterfaceLanguage，选择语言设置General>ChooseColorScheme，选择配色方案（Xterm是小选），设置General>Fonts>MainConsoleFont，调整字体和大小设置Features>Transparency>ActiveWindowTransparency来调整活动窗口的透明度。设置Features>Transparency>UseSeparateTransparencyValueForInactiveWindow来调整非活动窗口的透明度。配置完成后显示效果如下：半透明的Xterm主题，但是没有iTerm酷iTermConfiguration打开MacOS自带的terminal，输入vim命令：vim~/.bash_profile插入配置信息#EnableterminalexportcoloringexportCLICOLOR=1#设置终端导出配色方案exportLSCOLORS=gxfxcxdxbxegedabagacad#设置提示颜色exportPS1='\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;36m\]\w\[\033[00m\]\$'#enableiTermcoloringexportTERM=对于xterm-color，按esc退出vim编辑模式，输入vim命令：:wqrestartiTermto下载iTerm配色方案iTerm2-Color-Schemes并解压，进入Preference>Profiles，设置Terminal>ReportTerminalType，选择xterm-new，设置Colors>ColorPresets>Import，导入iTerm2-Color-Schemes的schemes文件夹，选择你喜欢的配色方案（我选择Galaxy）设置Text>Font，调整字体、大小、行高和行间距，设置Window>Transparency，调整窗口透明度SetSession>Statusbarenabled>ConfigureStatusBar，拖拽需要显示的状态。配置完成后显示效果如下：各种状态显示和半透明银河主题，女生说很酷很漂亮（这个是重点）结语??关注+点赞+收藏+评论+转发??，原创就是不容易，鼓励作者创作更多优质文章关注公众号IQ前端，一个专注于CSS/JS开发技巧的前端公众号，更多前端小干货等着你为您关注稍后回复免费领取学习资料。关注和回复群拉你进技术交流群。欢迎来到IQ前端。更多CSS/JS开发技巧只会推送在公众号
