前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >教你美化电脑终端,只需2分钟

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

作者头像
JowayYoung
发布2020-04-01 17:12:50
1.3K0
发布2020-04-01 17:12:50
举报
文章被收录于专栏:JowayYoung谈前端

前言

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-Schemesschemes文件夹,选择自己喜欢的颜色方案(小编选的是Galaxy)
    • 设置「Text > Font」,调整字体规格大小行高行距
    • 设置「Window > Transparency」,调整窗口透明度
    • 设置「Session > Status bar enabled > Configure Status Bar」,拖拽需要显示的状态
  • 配置完成后显示效果如下:各种状态显示和半透明的Galaxy主题,「妹纸们都说很酷很好看」(这个是重点)

结语

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-03-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 IQ前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • Cmder配置
  • iTerm配置
  • 结语
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档