iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
0
自我挑戰組

用 vim 打造屬於自己的 IDE系列 第 18

Day 18 Oh my tmux !

  • 分享至 

  • xImage
  •  

今天來介紹一個讓我工作時通體舒暢的工具吧!

Oh my tmux!

看到這個聳動的標題大概就知道,這是一個跟 Day 08 Oh my zsh !
有著類似目標的工具。

https://github.com/gpakosz/.tmux

不過在開始使用之前,得先檢查一下環境

  1. 當然得先安裝 tmux
  2. 終端機的色彩設定必須是 xterm-256color,否則很難顯示它多元的色彩

安裝

那我們就來開始安裝吧,主要是把 GitHub 上的專案 clone 到你的電腦,讓系統讀的到這個套件的設定。

  1. 首先開啟終端機進去家目錄 (別問我什麼是家目錄,我只會告誡你不要下 rm -rf ~ QQ)

    $ cd
    
  2. 將專案 clone 下來

    $ git clone https://github.com/gpakosz/.tmux.git
    

    你應該不會沒裝 git 吧?那就按照 Getting-Started-Installing-Git 的指示下載吧~

  3. 將本機 tmux 的設定參照到 ~/.tmux/.tmux.conf

    $ ln -s -f .tmux/.tmux.conf
    

    這樣系統在讀取 ~/.tmux.conf 時就會讀取其參照的檔案 ~/.tmux/.tmux.conf

  4. 複製一份客製化的設定來開始我們的改造

    你可能會發現在 ~/.tmux/.tmux.conf 的第 165 行寫到:

    if '[ -f ~/.tmux.conf.local ]' 'source ~/.tmux.conf.local'
    

    可是你沒有 ~/.tmux.conf.local 這個檔案呀?

    別擔心你可以不必通靈寫出這些設定,oh-my-tmux 已經幫你把客製化的設定檔案範例寫好了,我們將他複製到它能作用的位置吧:

    $ cp .tmux/.tmux.conf.local .
    

這就是 oh-my-tmux 預設的介面啦~

客製化

安裝好了是挺好的,不過這過分強烈的風格實在跟我的 Nord 不太合!於是我決定調整了顏色,以及將一些我需要的功能加上去。

  1. 調整面板設置

    當我發現可以用 emoji 時,毫不猶豫的加入它們來美化我的 IDE!

    左邊面板的設置:

    tmux_conf_theme_status_left='|| ? ? %Y/%m/%d %H:%M |'
    

    我在左邊面板設置為只顯示時間。

    右邊面板的設置:

    tmux_conf_theme_status_right='#{prefix}#{pairing}  LOAD #{loadavg} | #{username} | #{battery_status} #{battery_bar} #{battery_percentage} ||'
    

    右邊面板就比較多東西了,依序為電腦平均附載使用者名稱電池狀態 (充電中 or 使用電池中)電量

  2. 電量顯示的圖示

    tmux_conf_battery_bar_symbol_full='◼'
    tmux_conf_battery_bar_symbol_empty='◻'
    

    你還可以用一些比較可愛的 icon 像是愛心 (U+2665)~

  3. 背景色

    背景色也是分成左邊背景色及右邊背景色分開設定的~

    tmux_conf_theme_status_left_bg='#bf616a,#ebcb8b,#88c0d0,#80a1c1'
    

    定義左邊的背景色,依序就是左邊的橙紅色到右邊的淡藍色。

    tmux_conf_theme_status_right_bg='##ebcb8b,#bf616a,#4e586b,#80a1c1,#88c0d0'
    

    定義右邊的背景色,依序就是左邊的鵝黃色到右邊的淡藍色。

  4. 文字顏色

    所以文字顏色當然也是分成左邊背景色及右邊背景色分開設定的囉~

    tmux_conf_theme_status_left_fg='#000000,#000000,#4e586b,#000000'
    tmux_conf_theme_status_right_fg='#4e586b,#f5f6fb,#000000,#000000,#000000'
    

上一篇
Day 17 用 vim script 客製化套件 (五)
下一篇
Day 19 Oh my tmux 特徵
系列文
用 vim 打造屬於自己的 IDE19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言