在 Visual Studio Code Terminal 中使用 Oh-My-Zsh

Wiffer
3 min readApr 8, 2018

--

繼上一篇 在 Ubuntu 16.04 中安裝使用 Oh-My-Zsh 後,繼續要來設置常用的打 code 好伙伴 Visual Studio Code,因為設定過程上遇到一些困難所以在此做個紀錄,供日後查詢與分享

基本安裝

Visual Studio Code 的基本安裝 官方文件 已經寫的粉清楚,在此就不再多說,下載後照著做基本上沒有什麼大問題

接下來就要來談到 VS Code 內建的 Terminal,開啟 VS Code 之後按下 Ctrl+` 便能開啟內建的終端機,VS Code 會跟著電腦預設開啟的 shell 執行,由於我們再上一次已經將電腦預設 shell 改成 zsh,所以他會直接呈現

修改配置

但可以發現到,我們使用的主題又出現如同上次未安裝 Powerline 字型包時的狀況,所以我們要來修正這個問題

點擊左上角 File →Preferences →Settings 開啟 User Setting.json 檔案

可以看到如下圖被分割成兩邊的畫面

左邊是原先 VS Code 的設定,這邊我們不去更動,將我們想要更動的設定指令填寫在右手邊的 User Settings

這邊補充一下,如果你的 VS code 在開啟時依舊是 Bash Shell 的話,可以先在 User Settings 中添加以下程式碼將之轉換為 Zsh

// The path of the shell that the terminal uses on Linux.
"terminal.integrated.shell.linux": "/bin/zsh",

雖然上一次我們已經有透過指令下載過 Powerline,但其實 Vs Code 可用的字型是沒有被安裝進系統裡的,可以在 這裡 找到相關家族字型的名稱並下載安裝,安裝方法與下方大同小異

但我這邊打算使用另一款字型, Menlo for Powerline ,我覺得這款字型看來很順眼所以先透過 git 把它 clone 下來至所有使用者都能使用的字型資料夾中

$cd /usr/share/fonts/truetype/
$sudo git clone https://github.com/abertsch/Menlo-for-Powerline.git

執行指令重整字型

$sudo fc-cache -f -v

接著回到 Vs Code 的 User Setting.json 檔案中加入以下程式碼

"terminal.integrated.fontFamily": "Menlo for Powerline",

Ctrl+s 儲存後叫出終端機應該就能成功看到漂亮的畫面了

有任何錯誤或補充都歡迎留言跟我說

If find any wrong feel free to contact me

--

--

Wiffer

小小技術新手,不定期發佈一些心得文章,歡迎各方大能前來指教