最漂亮的編程主題

題目寫的有點大,但確實是我近期最喜歡的主題和字體(沒有之一),來自一位前端妹子的推薦。因爲它太好看了,所以一定要大用特用,不但要用在VSCode上,並且還要用在vi上,所有一切能用的地方。

顏色主題——One Dark

顏色主題的名稱基幹是One Dark,應該最早是從Atom發展出來的,所以叫Atom One Dark,後來產生了變種如One Dark ProOne Dark Pro Vivid等等,我在VSCode裏選擇的是One Dark Pro

screenshot2.png

在VSCode裏安裝

安裝方法很簡單,直接在插件標籤裏輸入one dark搜索就可以安裝了。安裝好之後怎麼啓用呢?

clipboard.png

在左上角菜單的首選項裏找到顏色主題,就可以啓用了。

在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了。

readme_header.png

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那麼炫酷,但也足以在服務端爽心悅目了。

祝你每天編程好心情!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章