建站
咨詢
售后
建站咨詢
新聞中心
VS Code 是以文件和文件夾為核心的，用戶的設(shè)置、快捷鍵綁定等，也都是以文件的形式存儲(chǔ)在用戶的機(jī)器上。同時(shí)，VS Code 把這一切都開放給用戶，也就是說你可以直接對(duì)這些文件進(jìn)行修改。
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)10余年經(jīng)驗(yàn)成就非凡，專業(yè)從事做網(wǎng)站、成都做網(wǎng)站，成都網(wǎng)頁設(shè)計(jì)，成都網(wǎng)頁制作，軟文發(fā)稿，廣告投放等。10余年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：028-86922220，我們期待您的來電！
相信你已經(jīng)嘗試過了修改代碼片段（Code Snippet）配置、修改快捷鍵綁定以及修改個(gè)人設(shè)置等操作。不過還有些操作我還沒有做過介紹。
設(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)圖中你能看到，我通過輸入 fontsize，依靠自動(dòng)補(bǔ)全找到了 editor.fontSize 這個(gè)設(shè)置，然后輸入到文件中，保存后編輯器的字體大小很快發(fā)生了改變。所以通過修改這個(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 文件里。
說到設(shè)置的搜索，其實(shí)最初 VS Code 只會(huì)進(jìn)行單詞的模糊匹配，也就是說如果你不小心打錯(cuò)字了，VS Code 就找不到合適的設(shè)置了。不過，很快 VS Code 就為這個(gè)搜索增加了自然語言的處理。還是使用上面的例子，當(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)的。不過這屬于 VS Code 設(shè)置思路的一部分，就是把細(xì)節(jié)暴露給用戶，讓用戶也知道設(shè)置是如何存儲(chǔ)的、格式是怎樣的，等等。像我自己在習(xí)慣這套搜索方式后，再跑到某些默認(rèn)打開就是圖形化設(shè)置界面的編輯器時(shí)，反而有點(diǎn)手足無措，我會(huì)糾結(jié)該如何才能找到我想要的設(shè)置。
當(dāng)然，做產(chǎn)品不能固步自封。對(duì)于陪伴 VS Code 一路走來的用戶而言，他們已經(jīng)非常熟悉和習(xí)慣這套理念和操作方式了。可是對(duì)于新用戶而言，VS Code 基于文本的設(shè)置方式，之于他們反而成為了一個(gè)障礙。很多新用戶會(huì)覺得，“我不過是想改一個(gè)字體大小，為什么 VS Code 要給我打開兩個(gè)并排的編輯器，甚至有的時(shí)候還需要我自己去修改設(shè)置文件？”
設(shè)置的圖形界面
vscode 設(shè)置 – 圖形化界面，VS Code 在最近的幾個(gè)版本里添加了一個(gè)圖形化界面。我們可以在命令面板搜索 “打開設(shè)置(UI)”并執(zhí)行。
使用這樣的圖形化界面進(jìn)行設(shè)置修改，好處當(dāng)然也是很明顯的：它能盡可能地減少修改配置的難度，并減少我們犯錯(cuò)的可能。
這里值得注意的是，圖形化設(shè)置界面是在自然語言搜索之后才出現(xiàn)的，也就是說，雖然我們現(xiàn)在面對(duì)的是下拉框、復(fù)選框之類的，但我們依然能夠使用跟前面一樣強(qiáng)大的搜索功能。
工作區(qū)支持
在上面的操作截圖里，我們可以看到VS Code 的窗口里并沒有打開任何的文件夾。而如果我們打開了一個(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è)置的選擇。
名稱欄目：創(chuàng)新互聯(lián)vscode教程：vscode設(shè)置
新聞來源：http://m.5511xx.com/article/ccscgje.html
