• 推薦自己的專欄：
  超詳細(xì)VSCode安裝教程（Windows）

• ---

• 請(qǐng)記住一點(diǎn)，VSCode中的一切快捷鍵操作都可以在控制面板中輸入對(duì)應(yīng)的命令來(lái)完成，并且常用命令還可以在菜單欄中找到，命令其實(shí)就是簡(jiǎn)單的英文詞語(yǔ)，如果有一定的英語(yǔ)基礎(chǔ)，是很容易記住大概命令的，而這就足夠了（控制面板中支持模糊搜索）
• 額，如果你懶得去記憶這些內(nèi)容，那么…收藏本文并點(diǎn)個(gè)贊也許是個(gè)好主意
• 以下設(shè)置實(shí)質(zhì)上都是通過(guò)命令修改配置文件

你可以通過(guò)以下設(shè)置來(lái)自定義你的VSCode

• 改變主題
• 更改鍵盤(pán)快捷鍵
• 設(shè)置
• 添加 JSON schema validation
• 安裝擴(kuò)展

主題

改變主題

（1）打開(kāi)該命令的四種方式

方法一：鍵盤(pán)快捷鍵：Ctrl + K Ctrl + T（按住Ctrl不動(dòng)，先按K，再按T）

方法二：鍵盤(pán)快捷鍵：Ctrl + Shift + P，在控制面板中輸入color theme


方法三：菜單：File > Preferences > Color Theme


方法四：左下角齒輪


（2）選擇主題


• 在下拉列表中列出所有你能使用的主題
• 上半部分為亮主題，中間部分為暗主題，下半部分為高對(duì)比度主題
• 如果默認(rèn)提供的主題不能滿足你的需求，可以下載主題插件（請(qǐng)下拉到底部，有對(duì)應(yīng)插件的傳送門）

改變文件圖標(biāo)主題

（1）打開(kāi)該命令的三種方式

方法一：鍵盤(pán)快捷鍵：Ctrl + Shift + P，在控制面板中輸入file icon theme，輸入命令的一部分后，下拉列表中就會(huì)出現(xiàn)匹配的命令


方法二：菜單：File > Preferences > File Icon Theme

方法三：左下角齒輪 > File Icon Theme

（2）選擇文件圖標(biāo)主題


• 在下拉列表中列出所有你能使用的文件圖標(biāo)主題
• 如果默認(rèn)提供的文件圖標(biāo)主題不能滿足你的需求，可以下載文件圖標(biāo)主題插件

快捷鍵

自定義快捷鍵

（1）打開(kāi)該命令的三種方式

方法一：鍵盤(pán)快捷鍵：Ctrl + K Ctrl + S（按住Ctrl不動(dòng)，先按K，再按S）

方法二：菜單：File > Preferences > Keyboard Shortcuts

方法三：左下角齒輪 > Keyboard Shortcuts

（2）自定義快捷鍵

如果你愿意則折騰的話，祝你好運(yùn)~

下載快捷鍵插件

你是否習(xí)慣使用其他編輯器的鍵盤(pán)快捷鍵？你可以安裝一個(gè)鍵盤(pán)快捷鍵擴(kuò)展程序，將你喜歡的編輯器中的鍵盤(pán)快捷方式帶到VS Code

打開(kāi)該命令的四種方式

方法一：鍵盤(pán)快捷鍵：Ctrl + K Ctrl + M（按住Ctrl不動(dòng)，先按K，再按M）

方法二：菜單：File > Preferences > Keymaps

方法三：左下角齒輪 > Keymaps

方法四：直接在插件商城中搜索@recommended:keymaps


設(shè)置

VS Code提供了兩種不同的設(shè)置范圍：用戶設(shè)置與工作空間設(shè)置

• 用戶設(shè)置（User Settings）：適用于您打開(kāi)的任何VS Code實(shí)例（文件、文件夾、項(xiàng)目、工作區(qū)）
• 工作空間設(shè)置（Workspace Settings）：存儲(chǔ)在工作空間中的設(shè)置僅在打開(kāi)工作空間時(shí)適用，并且可以在項(xiàng)目的開(kāi)發(fā)人員之間共享，工作空間設(shè)置會(huì)覆蓋用戶的設(shè)置

---

VS Code工作空間通常只是您的項(xiàng)目根文件夾，其根目錄下的.vscode文件夾下一般包含三個(gè)文件（不是一定有哦）：

• settings.json ：工作空間設(shè)置
• launch.json ：用于調(diào)試
• tasks.json ：一般在VSCode中編寫(xiě)非內(nèi)置的語(yǔ)言代碼時(shí)需要配置該文件
  • 比如說(shuō)配置C/C++工作區(qū)，必定先要配置該文件才能編譯、運(yùn)行C/C++代碼；
  • 但也不是所有語(yǔ)言都需要配置該文件。比如配置Python工作區(qū)并不需要該文件，直接在settings.json文件中配置python.exe的路徑即可

---

（1）打開(kāi)設(shè)置的四種方式

方法一：鍵盤(pán)快捷鍵：Ctrl + ,

方法二：菜單：File > Preferences > Settings

方法三：左下角齒輪 > Settings

前三個(gè)方法打開(kāi)的都是圖形化界面（設(shè)置編輯器）

方法四：鍵盤(pán)快捷鍵：Ctrl + Shift + P，在控制面板中輸入settings，在下拉菜單中選擇你需要設(shè)置的目標(biāo)

你可以看到，設(shè)置的操作方式分為UI（圖形空戶界面）、JSON（配置文件），

下面我會(huì)列出配置JSON文件的常用設(shè)置：

（2）控制面板中，輸入settings.json，打開(kāi)用戶設(shè)置


常用設(shè)置

? 更改各種UI元素的字體大小

//主要編輯區(qū) "editor.fontSize": 18,// 終端面板 "terminal.integrated.fontSize": 14,// 輸出面板 "[Log]": {"editor.fontSize": 15, }

? 更改縮放比例

//按住Ctrl鍵，配合鼠標(biāo)滾輪放大或縮小編輯器字體大小 "editor.mouseWheelZoom":true,//縮放等級(jí)，默認(rèn)為 0 "window.zoomLevel": 0,

? 字體連字

"editor.fontLigatures": true, "editor.fontFamily": "Fira Code",
• 你將需要安裝支持字體連字的字體
• FiraCode是VS Code 推薦的一種字體（支持連字），你電腦上如果無(wú)此字體，可以在 FiraCode 頁(yè)面中下載
• 首先將字體下載到電腦上，然后在VSCode中進(jìn)行相應(yīng)設(shè)置并保存文件，最后重啟VSCode即可

? 自動(dòng)保存

//自動(dòng)保存 "files.autoSave": "afterDelay",

你也可以，菜單：File > Auto Save

? 保存時(shí)格式化

//保存時(shí)格式化 "editor.formatOnSave": true,

? 粘貼時(shí)保留格式

//粘貼時(shí)保留格式 "editor.formatOnPaste": true,

? 更改制表符（Tab鍵）的大小

//一個(gè)制表符等于四個(gè)空格 "editor.tabSize": 4,

? 渲染空白

//空格符的渲染 "editor.renderWhitespace": "selection",

有四個(gè)值，請(qǐng)根據(jù)實(shí)際需求更改：

• 默認(rèn)值為"selection"，只在文本選擇中渲染空白字符（以虛化的圓點(diǎn)顯示），
  
  不對(duì)其進(jìn)行修改，即使用默認(rèn)值，代碼界面是最舒服的

• none，空格符不進(jìn)行渲染，就是空白

• boundary，只渲染邊界處的空格符

• all，任意空格符都被渲染為虛化的圓點(diǎn)

? 忽略文件/文件夾

//從編輯器窗口中忽略這些文件/文件夾 "files.exclude": {"somefolder/": true,"somefile": true, }//從搜索結(jié)果中忽略這些文件/文件夾 "search.exclude": {"someFolder/": true,"somefile": true, }
• somefolder/ 就是填寫(xiě)你需要忽略的文件夾名
• somefile 就是填寫(xiě)你需要忽略的文件名

特定于語(yǔ)言的設(shè)置

• 按語(yǔ)言定制編輯器，你可以按語(yǔ)言標(biāo)識(shí)符確定設(shè)置的范圍。你可以在 語(yǔ)言標(biāo)識(shí)符參考中找到常用語(yǔ)言ID的列表
"[languageid]": {}
• 如果你懶的去查看語(yǔ)言標(biāo)識(shí)符參考，還可以在控制面板中輸入Configure Language Specific Settings，
  
  打開(kāi)語(yǔ)言選擇器
  
  選擇所需的語(yǔ)言（比如Python），會(huì)自動(dòng)打開(kāi)用戶設(shè)置settings.json文件
  
  你可以在其中添加適用的設(shè)置

關(guān)于設(shè)置這方面，我就講這么多了，如果你有更進(jìn)一步的需求，可以查閱https://code.visualstudio.com/docs/getstarted/settings#_default-settings

添加JSON schema validation

• 默認(rèn)情況下對(duì)許多文件類型啟用
• 在settings.json中創(chuàng)建自己的 schema（指出如何形式描述XML文檔元素的一個(gè)標(biāo)準(zhǔn)） 和 validation（驗(yàn)證）
"json.schemas": [{"fileMatch": ["/bower.json"],"url": "http://json.schemastore.org/bower"} ]

或用于工作空間（workspace）中定義的 schema

"json.schemas": [{"fileMatch": ["/foo.json"],"url": "./myschema.json"} ]

或者自定義 schema

"json.schemas": [{"fileMatch": ["/.myconfig"],"schema": {"type": "object","properties": {"name" : {"type": "string","description": "The name of the entry"}}}} ]

想更深入的配置JSON，請(qǐng)參考JSON官方文檔

擴(kuò)展插件

擴(kuò)展插件不是越多越好，而是精益求精！！！

打開(kāi)擴(kuò)展管理的四種方式

方法一：鍵盤(pán)快捷鍵：Ctrl + Shift + X

方法二：菜單：File > Preferences > Extensions

方法三：左下角齒輪 > Extensions

方法四：視圖


注意到插件欄右上角的三個(gè)點(diǎn)(…)了嗎，


---

• 愿你，愿我揚(yáng)帆起航上征途，前程似錦大海闊。
• 行文不易，點(diǎn)個(gè)贊，點(diǎn)個(gè)關(guān)注，愛(ài)你么么噠

• ---

總結(jié)

以上是生活随笔為你收集整理的自定义你的VSCode：主题、文件图标、快捷键、设置、schema、插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。