最漂亮的編程主題

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

顏色主題——One Dark

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

screenshot2.png

在VSCode裏安裝

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

clipboard.png

在左上角菜單的首選項裏找到顏色主題,就能夠啓用了。編程

在vi裏安裝

這麼漂亮的主題,不用來裝在vi裏就惋惜了。咱們得作三件事:json

第一,在~目錄下建一個子目錄.vim,而後在.vim目錄下再建一個子目錄colors,而後在colors目錄下建一個文件onedark.vim,把這個文件的內容拷進去。
第二,在.vim目錄下再建一個子目錄autoload,而後在autoload下建一個文件onedark.vim,而後把這個文件的內容拷進去。
第三,在~目錄下建一個文件.vimrc,把下面的內容拷進去:vim

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,我簡直愛死他的這個&符號了。ssh

不一樣於顏色主題須要在兩端安裝,這個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那麼炫酷,但也足以在服務端爽心悅目了。

祝你天天編程好心情!

相關文章
相關標籤/搜索