咱們上回書說道，安裝完基礎環境，我們要來玩自己的主題了

1. 創建一個主題項目

$ yo code

選中 New Color Theme

接下來照圖中所選，完成項目創建(簡單英語不做解釋)

打開項目如圖

2. 配置文件

2.1 themes

這個文件夾包含主題配置文件，可以新建兩個，一個暗色主題，一個亮色主題

如圖所示

{

"name": "test theme", // 姓名

"type": "dark", // 類型(暗色還是亮色)

"colors": { // 配置外框主題，導航欄，文件欄，等

"editor.background": "#263238",

"editor.foreground": "#eeffff",

"activityBarBadge.background": "#007acc",

"sideBarTitle.foreground": "#bbbbbb"

},

"tokenColors": [ // 配置代碼的顏色

{

"name": "Comment", // 隨便起名，自己知道什么意思就好

"scope": [ // 這個顏色要應用于哪種類型的代碼上

"comment",

"punctuation.definition.comment"

],

"settings": { // 配置顏色，斜體，粗體等

"fontStyle": "italic",

"foreground": "#546E7A"

}

}

]

}

以上就是一個主題的配置，這篇文章就說完了~~~

那不可能的，這么兩句東西，誰能知道怎么寫，我自己也不知道，哈哈哈，所以用了偷懶的方法

偷懶步驟 1、下載一個主題插件

偷懶步驟 2、找到這個主題插件，然后復制其中顏色部分代碼

偷懶步驟 3、按照字段找顏色替換

ps: mac 中主題文件在 users -> .vscode -> extensions 中

2.2 修改顏色

經過一番研究(取巧、偷懶、抄襲)，將字段一個個調整為自己喜歡的顏色

ps：調試小技巧 cmd + shift + p 找到命令

此時我們鼠標點到任何一個字段上面，就會有提示，這樣我們修改起顏色就很方便

點擊 vscode 小蟲子就可以直接調試 ~~

推銷主題

經過三天的研究顏色問題，怎么搭配讓我的眼睛舒服，畢竟我不想因為代碼讓眼睛配上一個500度的眼鏡

所以自己制作了主題

代碼看起來，簡直不要太舒服！

清晰，舒服，大氣！！！

但是你們有時間最好還是弄自己的吧，自己做的才舒服。

總結

以上是生活随笔為你收集整理的vscode更换主题的插件_VScode 插件开发（三）主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。