題目寫的有點大,但確實是我近期最喜歡的主題和字體(沒有之一),來自一位前端妹子的推薦。因爲它太好看了,所以一定要大用特用,不但要用在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
那麼炫酷,但也足以在服務端爽心悅目了。
祝你每天編程好心情!