vscode 設置

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

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

設置的文本界面

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

此時，我們能看到并排的兩個編輯器。

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

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

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

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

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

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

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

設置的圖形界面

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

使用這樣的圖形化界面進行設置修改，好處當然也是很明顯的：它能盡可能地減少修改配置的難度，并減少我們犯錯的可能。

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

工作區(qū)支持

在上面的操作截圖里，我們可以看到VS Code 的窗口里并沒有打開任何的文件夾。而如果我們打開了一個文件夾，而且這個文件夾下有 .vscode/settings.json 文件的話，此時我們再打開設置界面，則能夠看到一些變化。

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

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