vscode 入門

接下來我們介紹一下VS Code 的安裝和更新、VS Code 初次使用的指引界面、語言設(shè)置，以及命令行使用等基礎(chǔ)問題，以便你能快速上手VS Code。

安裝與版本選擇

VS Code 有兩個(gè)不同的發(fā)布渠道：一個(gè)是我們經(jīng)常使用的穩(wěn)定版（Stable），每個(gè)月發(fā)布一個(gè)主版本；另外一個(gè)發(fā)布渠道叫做 （Insiders），每周一到周五 UTC 時(shí)間早上6點(diǎn)從最新的代碼發(fā)布一個(gè)版本，這也是 VS Code 團(tuán)隊(duì)在使用的版本，目標(biāo)是可以第一時(shí)間用上自己新加的功能并及時(shí)發(fā)現(xiàn)問題。微軟內(nèi)部對(duì)這個(gè)做法還有個(gè)專門的名詞，叫做“吃自己的狗糧” (eat your own dog food)。

除去VS Code核心開發(fā)團(tuán)隊(duì)，現(xiàn)在全世界大概還有一萬五千名用戶在使用 Insiders 版本。不過，如果你剛剛接觸 VS Code ，那么穩(wěn)定版本肯定更適合你。但如果你已經(jīng)使用 VS Code 有一段時(shí)間，我還是非常推薦你試一試 Insiders ，因?yàn)槭褂眠@個(gè)版本有這樣幾個(gè)好處：

1. 你可以盡早使用上最新的功能。一般來說新功能會(huì)先在 Insiders 版本里上線，運(yùn)行一段時(shí)間穩(wěn)定后，會(huì)隨著當(dāng)月的穩(wěn)定版本發(fā)布。但如果是改動(dòng)比較大的功能，比如編輯器網(wǎng)格布局、自定義 Windows 菜單欄，可能會(huì)在 Insiders 里運(yùn)行兩個(gè)月才會(huì)最終推向所有用戶。
2. 你可以深度參與 VS Code 產(chǎn)品的開發(fā)過程。一個(gè)新功能首次被添加到 Insiders 版本時(shí)，往往是不成熟的，而你可以在 GitHub 上第一時(shí)間反饋你對(duì)這個(gè)新功能的看法和建議，甚至可以為它貢獻(xiàn)代碼。

下載和安裝 Insiders 版本也很簡(jiǎn)單，打開 VS Code 官網(wǎng)（https://code.visualstudio.com），點(diǎn)擊綠色下載按鈕旁的下拉按鈕，就可以針對(duì)不同平臺(tái)選擇可用的 Insiders 版本了。而且，VS Code 安裝完之后就會(huì)自動(dòng)更新，你并不需要前往官網(wǎng)重新下載。同時(shí)，專欄里面使用的 VS Code 版本也將是最新的穩(wěn)定版，這樣便于大家理解。

初次使用

VS Code 第一次啟動(dòng)后會(huì)顯示一個(gè)“歡迎使用”的頁(yè)面，這個(gè)界面主要是方便你快速打開文件、文件夾以及訪問歷史文件，同時(shí)還會(huì)附帶一些幫助信息，比如“快捷鍵速查表”。

你可以多多點(diǎn)擊和訪問這個(gè)界面上的各種鏈接和按鈕，主動(dòng)發(fā)現(xiàn)和了解你可能感興趣的功能。這里我主要講一下“學(xué)習(xí)”區(qū)域的三個(gè)功能：命令面板、界面概覽和交互式演習(xí)場(chǎng)。

命令面板

首先來看命令面板，它是 VS Code 快捷鍵的主要交互界面，你可以通過 ?F1 ?或者?Ctrl+Shift+P ?(MacOS 上是 Cmd+Shift+P?) 打開。

你可以在命令面板中快速搜索命令并且執(zhí)行。如果你的 VS Code 是簡(jiǎn)體中文版，那么你可以在命令面板里使用中文或者英文來搜索命令。VS Code 的絕大多數(shù)命令都可以在命令面板里搜到，所以熟練使用命令面板，你就可以擺脫鼠標(biāo)，完全通過鍵盤操作來完成全部編碼工作。

界面概覽

第二個(gè)是界面概覽，它展示了 VS Code 默認(rèn)界面里的不同部件的位置、名稱和快捷鍵。VS Code 強(qiáng)調(diào)無鼠標(biāo)操作，但是對(duì)于初學(xué)者而言快捷鍵的記憶是個(gè)麻煩，這個(gè)界面恰好可以幫助你渡過最初的不適應(yīng)階段。

交互式演習(xí)場(chǎng)

第三個(gè)是交互式演習(xí)場(chǎng)，打開這個(gè)界面，你會(huì)看到一個(gè)全英文的初學(xué)者教程，其中通過各種交互示例給出了 VS Code 的核心功能，展示了一些高級(jí)代碼編輯功能的使用，每個(gè)功能都會(huì)有一個(gè)代碼片段和編輯器供你實(shí)時(shí)使用。

這個(gè)界面現(xiàn)在還沒有中文版，不過沒有關(guān)系，它里面提到的所有功能我都會(huì)在這個(gè)專欄中詳細(xì)介紹。

命令行的使用

接下來我們看一下命令行的使用。命令行你應(yīng)該不陌生，我們腦海中的大神級(jí)程序員都是可以在Linux中隨意敲打長(zhǎng)串的命令，或是與黑客斗智斗勇，或是解決某個(gè)緊急的線上問題。而對(duì)于VS Code而言，最基礎(chǔ)的命令行當(dāng)然是讓你能夠不動(dòng)鼠標(biāo)，就能快速打開界面了。

如果你是 Windows用戶，安裝并重啟系統(tǒng)后，你就可以在命令行中使用 code 或者 code-insiders了，如果你希望立刻而不是等待重啟后使用，可以將 VS Code 的安裝目錄添加到系統(tǒng)環(huán)境變量 PATH中， Windows 64 位下的 VS Code 安裝路徑是 C:\Program FIles\Microsoft VS Code下。

如果你是在 macOS 上使用，安裝后打開命令面板，搜索Shell 命令：在 PATH 中安裝 “Code” 命令并執(zhí)行，然后重啟終端模擬就可以了。

如果你是使用 Linux 的話，我相信你一定知道怎么在終端中調(diào)用 VS Code。

接下來，我們看一下 VS Code 的命令行都支持哪些操作，這里我先運(yùn)行了 code --help來打印出 VS Code 命令行所支持的所有參數(shù)。

最基本的命令行使用方式是在 code 命令后加上文件或者文件夾的地址，這樣VS Code 就會(huì)在一個(gè)新窗口中打開這個(gè)文件或文件夾。

如果你希望使用已經(jīng)打開的窗口來打開文件，可以在 code 命令后添加參數(shù) -r來進(jìn)行窗口的復(fù)用。

你也可以使用參數(shù) -g <file:line[:character]> 打開文件，然后滾動(dòng)到文件中某個(gè)特定的行和列，比如輸入 code -r -g package.json:128命令，你就可以打開 package.json 這個(gè)文件，然后自動(dòng)跳轉(zhuǎn)到 128 行。這個(gè)命令可以方便你從終端里快速地在 VS Code 里打開一個(gè)文件進(jìn)行預(yù)覽，一個(gè)特別常見的例子就是當(dāng)我們使用腳本執(zhí)行某個(gè)命令，這個(gè)命令告訴我們某個(gè)文件的某一行出現(xiàn)了錯(cuò)誤，我們就能夠快速定位了。

VS Code 也可以用來比較兩個(gè)文件的內(nèi)容，你只需使用 -d參數(shù)，并傳入兩個(gè)文件路徑，比如輸入 code -r -d a.txt b.txt命令，就可以比較a.txt和b.txt兩個(gè)文件的內(nèi)容了。有了這個(gè)命令，你就可以既使用命令行運(yùn)行腳本，也可以借助 VS Code 的圖形化界面進(jìn)行文件內(nèi)容的對(duì)比了。

VS Code 命令行除了支持打開磁盤上的文件以外，也接受來自管道中的數(shù)據(jù)。這樣你就可以將原本在命令行中展示的內(nèi)容，實(shí)時(shí)地展示在 VS Code 里，然后在編輯器中搜索和修改。比如，你可以把當(dāng)前目錄下所有的文件名都展示在編輯器里，此時(shí)只需使用ls | code -命令。

另外，VS Code 命令行還能夠管理插件，查看 VS Code 的運(yùn)行情況，記錄和分析 VS Code 運(yùn)行性能，這些我會(huì)在之后的章節(jié)介紹。當(dāng)然，你也可以現(xiàn)在小試牛刀，試試它的威力。

在我的日常工作中，經(jīng)常會(huì)使用終端來操作腳本。這個(gè)時(shí)候，如果我需要打開 VS Code，使用命令行來打開 VS Code 再方便不過了。另外 VS Code 的命令行的各個(gè)參數(shù)，其實(shí)能夠定制 VS Code 是怎樣運(yùn)行的，比如--disable-extensions、--max-memory，它們都有特殊的應(yīng)用場(chǎng)景。當(dāng)然，如果你發(fā)現(xiàn)了哪個(gè)配置是你特別希望默認(rèn)就打開的，那么你可以在 shell 環(huán)境里創(chuàng)建一個(gè)別名 (alias)，而不用局限于 code 這個(gè)命令。