vscode 設(shè)置

VS Code 是以文件和文件夾為核心的，用戶的設(shè)置、快捷鍵綁定等，也都是以文件的形式存儲(chǔ)在用戶的機(jī)器上。同時(shí)，VS Code 把這一切都開放給用戶，也就是說(shuō)你可以直接對(duì)這些文件進(jìn)行修改。

相信你已經(jīng)嘗試過(guò)了修改代碼片段（Code Snippet）配置、修改快捷鍵綁定以及修改個(gè)人設(shè)置等操作。不過(guò)還有些操作我還沒(méi)有做過(guò)介紹。

設(shè)置的文本界面

VS Code 的最新穩(wěn)定版里，有兩個(gè)不同的設(shè)置編輯器。下面，讓我們先打開命令面板，搜索 “打開設(shè)置(JSON)”[Open Settings(JSON)]，然后執(zhí)行。

此時(shí)，我們能看到并排的兩個(gè)編輯器。

編輯器左側(cè)是 VS Code 支持的各種設(shè)置；而右側(cè)，則是我們非常熟悉的 JSON 文本。而且在整個(gè)界面的最上方，還有一個(gè)輸入框，以供我們搜索設(shè)置。

VS Code 早期修改設(shè)置的方式有兩種。第一種就是在左側(cè)找到設(shè)置，然后“復(fù)制粘貼”到右側(cè)。第二種是直接在右側(cè)修改，VS Code 為右側(cè)的編輯器提供了自動(dòng)補(bǔ)全功能。

在上面的動(dòng)圖中你能看到，我通過(guò)輸入 fontsize，依靠自動(dòng)補(bǔ)全找到了 editor.fontSize 這個(gè)設(shè)置，然后輸入到文件中，保存后編輯器的字體大小很快發(fā)生了改變。所以通過(guò)修改這個(gè)設(shè)置文件，我們就能夠第一時(shí)間看到修改設(shè)置后的變化。

當(dāng)然，我們也可以直接在搜索框里輸入設(shè)置的名稱，找到對(duì)應(yīng)設(shè)置后，將鼠標(biāo)移動(dòng)到行號(hào)附近；這時(shí)候我們能看到一個(gè)鉛筆形狀的圖標(biāo)，點(diǎn)擊它，就能夠看到這個(gè)設(shè)置允許的值有哪些；選擇好我們想要的那個(gè)配置后，這個(gè)設(shè)置就會(huì)被自動(dòng)寫到右側(cè)的 JSON 文件里。

說(shuō)到設(shè)置的搜索，其實(shí)最初 VS Code 只會(huì)進(jìn)行單詞的模糊匹配，也就是說(shuō)如果你不小心打錯(cuò)字了，VS Code 就找不到合適的設(shè)置了。不過(guò)，很快 VS Code 就為這個(gè)搜索增加了自然語(yǔ)言的處理。還是使用上面的例子，當(dāng)我想修改字體的大小時(shí)，我可以在搜索框里輸入 how to set editor font size。即便我不小心把 font size 打錯(cuò)成了 fontize ，VS Code 也能找到正確的設(shè)置項(xiàng)。

雖然VS Code有很不錯(cuò)的搜索和自動(dòng)補(bǔ)全，但是我剛使用它的時(shí)候，還是挺不適應(yīng)的。不過(guò)這屬于 VS Code 設(shè)置思路的一部分，就是把細(xì)節(jié)暴露給用戶，讓用戶也知道設(shè)置是如何存儲(chǔ)的、格式是怎樣的，等等。像我自己在習(xí)慣這套搜索方式后，再跑到某些默認(rèn)打開就是圖形化設(shè)置界面的編輯器時(shí)，反而有點(diǎn)手足無(wú)措，我會(huì)糾結(jié)該如何才能找到我想要的設(shè)置。

當(dāng)然，做產(chǎn)品不能固步自封。對(duì)于陪伴 VS Code 一路走來(lái)的用戶而言，他們已經(jīng)非常熟悉和習(xí)慣這套理念和操作方式了?？墒菍?duì)于新用戶而言，VS Code 基于文本的設(shè)置方式，之于他們反而成為了一個(gè)障礙。很多新用戶會(huì)覺(jué)得，“我不過(guò)是想改一個(gè)字體大小，為什么 VS Code 要給我打開兩個(gè)并排的編輯器，甚至有的時(shí)候還需要我自己去修改設(shè)置文件？”

設(shè)置的圖形界面

VSCode 設(shè)置 – 圖形化界面，VS Code 在最近的幾個(gè)版本里添加了一個(gè)圖形化界面。我們可以在命令面板搜索 “打開設(shè)置(UI)”并執(zhí)行。

使用這樣的圖形化界面進(jìn)行設(shè)置修改，好處當(dāng)然也是很明顯的：它能盡可能地減少修改配置的難度，并減少我們犯錯(cuò)的可能。

這里值得注意的是，圖形化設(shè)置界面是在自然語(yǔ)言搜索之后才出現(xiàn)的，也就是說(shuō)，雖然我們現(xiàn)在面對(duì)的是下拉框、復(fù)選框之類的，但我們依然能夠使用跟前面一樣強(qiáng)大的搜索功能。

工作區(qū)支持

在上面的操作截圖里，我們可以看到VS Code 的窗口里并沒(méi)有打開任何的文件夾。而如果我們打開了一個(gè)文件夾，而且這個(gè)文件夾下有 .vscode/settings.json 文件的話，此時(shí)我們?cè)俅蜷_設(shè)置界面，則能夠看到一些變化。

比如在基于文本的設(shè)置界面里，我們可以在右側(cè)的 JSON 編輯器里看到 “用戶設(shè)置”和“工作區(qū)設(shè)置”兩個(gè)選項(xiàng)。如果我們修改工作區(qū)設(shè)置的話，它會(huì)立刻被保存到 .vscode/settings.json 里。

而在圖形化設(shè)置界面里，我們也同樣可以在搜索框下進(jìn)行個(gè)人和工作區(qū)設(shè)置的選擇。