Cmder&iTerm美化你的終端

前言

在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主題，妹紙們都說很酷很好看(這個是重點)

結語

寫到最後總結得差很少了，後續若是我想起還有哪些終端美化遺漏的，會繼續在這篇文章上補全，同時也但願各位朋友對文章裏的要點進行補充或者提出本身的看法。歡迎在下方進行評論或補充喔，喜歡的點個贊或收個藏，保證你在開發時用得上。

專欄文章

《靈活運用》系列

• 靈活運用JS開發技巧 強烈推薦收藏👍

《隨筆》系列

• 詳細判斷瀏覽器運行環境 強烈推薦收藏👍
• H5與App的通信方式 強烈推薦收藏👍
• 1.5萬字歸納ES6所有特性 強烈推薦收藏👍

關注公衆號Uzero，更多前端小乾貨等着你喔！我是JowayYoung，喜歡分享前端技術和生活紀事，學習與生活不落下，天天進步一點點，與你們相伴成長