iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
1
Software Development

這次我們不跳過 IDE系列 第 6

Day 06: 這不是老東西,可以換皮的

  • 分享至 

  • xImage
  •  

都已經 9102 年了

處在日新月異的世界裡面,大家漸漸習慣任何事物都擁有個人化的設定。

感謝 APP 讓個人化變得更加普及。

vs code 當然有跟上這股風潮,除了預設的主題之外,搭配上活躍的社群,讓開發者可以在 extension 上找到許許多多主題。

今天這篇,就來介紹並且推廣自己平日愛用的主題吧!

在開始介紹前,先提供官方的主題連結:請點我

如何設定佈景主題

步驟非常簡單:

  1. 滑鼠移動到左下角,也就是活動列的最下方,點擊齒輪
    choose_theme_1
  2. 點擊色彩佈景主題
    choose_theme_2
  3. 跳出主題的選擇區,使用鍵盤的↑↓ 可以預覽。
    choose_theme_3
  4. 按下 enter 確定。
  5. 補充:使用滑鼠點擊就是直接選取,不能預覽。

如何設定檔案圖示

步驟與設定佈景主題幾乎相同,差別在點擊齒輪後,要點擊檔案圖示佈景主題

如果你念舊的話

在推廣之前,如果是具有使用過其他 IDE 經驗的開發者們,即使更換成新的 IDE,在主題上,會想要替換成舊的 IDE,也是無可厚非的。

以下整理常見的 IDE,他們的主題在 vs code 上的名稱:

sublime

以下排序為相似度排名

1. Monokai ST3

連結

比較圖
(圖一)
monokai_st3_1
(圖二)
monokai_st3_2

2. Monokai

連結
這是 vs code 內建的,因此不需要下載。

比較圖
(圖一)
monokai_1
(圖二)
monokai_2

Atom

以下排序為相似度排名

1. Atom One Dark Theme

連結

比較圖
(圖一)
atom_one_dark_theme_1
(圖二)
atom_one_dark_theme_2

2. One Dark Pro

連結

比較圖
(圖一)
one_dark_pro_1
(圖二)
one_dark_pro_2

3. Atomize

連結

比較圖
(圖一)
atomize_1
(圖二)
atomize_2

筆者喜愛的

主題:Atom One Light Theme

連結

(圖一)
atom_one-light_theme

檔案圖示:Material Icon Theme

連結

(圖一)
material_icon

更多的圖示,請點擊上述連結,官方有詳細的內容。

如果你還是不滿意的話

是的,可以自己設定顏色。
進入設定頁面後,對 settings.json 進行修改。
細節的部分請參考官方文件:連結

總結

說實在的,開發的過程中,幾乎將注意力放在 IDE 上一整天。因此,選擇一個自己喜愛的主題,對於開發上的專注,可是有幫助的!


上一篇
Day 05: 操作上總是有些小秘訣的
下一篇
Day 07: 這就是我喜歡的小地方:IntelliSense
系列文
這次我們不跳過 IDE30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言