一液样、設(shè)置Fira_Code字體
1.下載字體
這里給出github下載鏈接,點(diǎn)擊鏈接后在README.md中的Download & Install一欄中即可下載岖赋,鏈接中也包括字體示例及介紹檬果,可自行查看。
Fira_Code字體下載
2唐断,安裝字體
下載并解壓选脊,進(jìn)入里面的ttf文件夾,雙擊或右擊后點(diǎn)擊安裝脸甘,里面包含六種樣式恳啥,可以選擇性安裝或全安裝即可。
3丹诀,設(shè)置vscode
打開(kāi)vscode钝的,點(diǎn)擊左下角齒輪形狀圖標(biāo),選擇settings铆遭,得到下圖所示界面:
設(shè)置
根據(jù)上圖箭頭所示依次點(diǎn)擊Font硝桩,Edit in settings.json,添加如下代碼:
"editor.fontFamily": "'Fira Code',Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
- 注:如果添加到{}里的最后面枚荣,則需去掉true后面的逗號(hào)
- 如果不想使用連字碗脊,則將true改為false (什么是連字可自行百度,這里舉個(gè)例子棍弄,c語(yǔ)言中 >= 使用連字后則會(huì)顯示 ≥ )
二望薄、設(shè)置字體顏色
可以通過(guò)更換主題來(lái)改變字體顏色,這里推薦幾款比較經(jīng)典的主題呼畸,供大家選擇痕支。
- One Dark Pro Italic
- Material Theme
- One Dark Pro
- Darker One
直接在vscode左側(cè)Extensions中搜索安裝即可使用,如果想要嘗試其他主題蛮原,可輸入 One 進(jìn)行搜索卧须,眾多主題總有一款適合你。
三、設(shè)置編輯器背景顏色及光標(biāo)所在行的顏色
之前習(xí)慣用黑色背景花嘶,可是改變主題后背景往往會(huì)發(fā)生改變笋籽,可以通過(guò)設(shè)置自定義背景顏色。
按照上面的步驟打開(kāi)settings.json椭员,添加以下設(shè)置:
"workbench.colorCustomizations": { //覆蓋當(dāng)前所選顏色主題的顏色
"editor.background": "#030202", //編輯器背景色
"editor.selectionBackground": "#6b5244", //用戶(hù)選中代碼段的顏色
"editor.findMatchBackground": "#ff0000", //當(dāng)前搜索匹配的顏色
"editor.findMatchHighlightBackground": "#ff00ff", //其他搜索匹配項(xiàng)的顏色
"editor.findRangeHighlightBackground": "#ff9900", //限制搜索范圍的顏色
"editor.lineHighlightBackground": "#48314e", //光標(biāo)所在行高亮內(nèi)容的背景顏色
"editor.lineHighlightBorder": "#704b36" //光標(biāo)所在行四周邊框的背景顏色
},
下面放出效果圖车海,讀者可自定義自己喜歡的顏色。
示例