最漂亮的程式設計主題
我近期最喜歡的主題和字型(沒有之一)。

題目寫的有點大,但確實是我近期最喜歡的主題和字型(沒有之一),來自 ofollow,noindex" target="_blank">一位前端妹子 的推薦。因為它太好看了,所以一定要大用特用,不但要用在 VSCode
上,並且還要用在 vi
上,所有一切能用的地方。
顏色主題——One Dark
顏色主題的名稱基幹是 One Dark
,應該最早是從 Atom
發展出來的,所以叫 Atom One Dark
,後來產生了變種如 One Dark Pro
, One Dark Pro Vivid
等等,我在 VSCode
裡選擇的是 One Dark Pro 。
在 VSCode 裡安裝
安裝方法很簡單,直接在外掛標籤裡輸入 one dark
搜尋就可以安裝了。安裝好之後怎麼啟用呢?
在左上角選單的首選項裡找到顏色主題,就可以啟用了。
在 vi 裡安裝
這麼漂亮的主題,不用來裝在 vi
裡就可惜了。我們得做三件事:
第一,在 ~
目錄下建一個子目錄 .vim
,然後在 .vim
目錄下再建一個子目錄 colors
,然後在 colors
目錄下建一個檔案 onedark.vim
,把 這個檔案 的內容拷進去。 第二,在 .vim
目錄下再建一個子目錄 autoload
,然後在 autoload
下建一個檔案 onedark.vim
,然後把 這個檔案 的內容拷進去。 第三,在 ~
目錄下建一個檔案 .vimrc
,把下面的內容拷進去:
if (empty($TMUX)) if (has("nvim")) let $NVIM_TUI_ENABLE_TRUE_COLOR=1 endif if (has("termguicolors")) set termguicolors endif endif syntax on colorscheme onedark filetype indent on set smartindent set expandtab set shiftwidth=4 set paste
PS.
如果你的 vi
不等於 vim
,你還需要在 ~/.config/fish/config.fish
裡寫上 alias vi=vim
,這樣你的 vi
就等於 vim
了。
Fira Code 字型
是不是已經足夠漂亮了呢?也不盡然,噹噹噹當,我們的大殺器出場! Fira Code ,這可是在 github
上高達 27,000
多顆星的字型啊,字型星數僅次於著名的 Font Awesome
,我簡直愛死他的這個 &
符號了。
不同於顏色主題需要在兩端安裝,這個 Fira Code
字型只需要在 Mac
上安裝就好了,因為 Terminal
只能使用客戶端字型,所以不需要在伺服器安裝,只要把字型安裝好之後,在 iTerm
裡設定一下字型就好了。
安裝
還是用我們最愛的 brew
來安裝:
brew tap caskroom/fonts brew cask install font-fira-code
在 VSCode 中設定字型
在 settings.json
中新增以下兩行:
"editor.fontFamily": "'Fira Code'", "editor.fontLigatures": true,
結合上面安裝的顏色主題,現在的 VSCode
是不是看起來好漂亮了呢?
還帶連字元的,還有那個箭頭函式,是不是好嚇人?
在 iTerm 中設定字型
由於 vi
是在 iTerm
中執行的,所以我們只能通過為 iTerm
設定字型來間接影響到 vi
:
現在,再通過 ssh
開啟我們的 vi
編輯器,是不是也看到了漂亮的字型?
雖然看上去遠沒有 VSCode
那麼炫酷,但也足以在服務端爽心悅目了。