Visual Studio Code是微軟開(kāi)發(fā)的一款免費(fèi)、開(kāi)源的跨平臺(tái)源代碼編輯器。它可在桌面上運(yùn)行，內(nèi)置對(duì) JavaScript、TypeScript 和 Node.js 的支持，并為其他語(yǔ)言和運(yùn)行時(shí)（如 C++、C#、Java、Python、PHP、Go、.NET）提供了豐富的擴(kuò)展生態(tài)系統(tǒng)。此外，VS Code還具有許多其他功能，如代碼片段、代碼重構(gòu)、代碼對(duì)比、任務(wù)管理、終端集成等，使開(kāi)發(fā)人員能夠更加高效地編寫(xiě)和管理代碼。需要注意的是，VS Code是一款輕量級(jí)的代碼編輯器，與Visual Studio（全尺寸的集成開(kāi)發(fā)環(huán)境）是不同的產(chǎn)品。它專(zhuān)注于提供簡(jiǎn)潔、高效的代碼編輯體驗(yàn)，并通過(guò)豐富的擴(kuò)展生態(tài)系統(tǒng)滿足開(kāi)發(fā)人員的各種需求。

【功能特點(diǎn)】

　　【@Code Handle】

　　VS Code 的其中一個(gè)牛逼之處實(shí)際上并不是編譯器本身的特性。VS Code是在//BUILD 2015 隨著 @code Twitter handle一起發(fā)布的

　　【海量語(yǔ)言支持】

　　VS Code不只是跨平臺(tái)， 它想成為支持30多種語(yǔ)言的開(kāi)箱代碼編輯器。 你想問(wèn)哪個(gè)? 你可以編輯C#, VB, JavaScript, HTML, CSS, TypeScript, Ruby, Objective-C, PHP, JSON, Less, Sass 還有 Markdown, 這只是列出來(lái)一丁丁而已~ 你可以得到內(nèi)嵌語(yǔ)法高亮和分支匹配， 當(dāng)然也少不了代碼導(dǎo)航。VS Code旨在成為Node.js， ASP.NET 和 TypeScript 開(kāi)發(fā)的首選IDE， 劍指先進(jìn)web/cloud 應(yīng)用。

　　Visual Studio Code作為 ASP.NET 5 的開(kāi)發(fā)工具，VS Code 已經(jīng)是一個(gè)富編輯器，它內(nèi)置具備很多日常功能。簡(jiǎn)單使用有效的 Yeoman 工具產(chǎn)生你的 ASP.NET 5 web 應(yīng)用框架，并指向其根目錄。你找到了一個(gè)功能豐富的 IDE（示例項(xiàng)目截圖），它的 Omnisharp-powered 為代碼提供了智能感知，錯(cuò)誤，命令，部署和集成版本控制功能。所有的這些設(shè)計(jì)可以保持現(xiàn)代，精益，跨平臺(tái)的 ASP.NET 5 web 開(kāi)發(fā)在 VS Code 上的所需。

　　【并排編輯】

　　vs code 支持的其最受歡迎的開(kāi)發(fā)人員的要求之一--并排編輯代碼。簡(jiǎn)單的命令(?) / 在你的項(xiàng)目瀏覽器的文件上控制點(diǎn)擊，看呀，多個(gè)文件可以并排打開(kāi)文件， pre-docked 并且準(zhǔn)備編輯。VS Code 可以支持三個(gè)同步的文件編輯，每個(gè)人都可以發(fā)射命令提示符。下面的屏幕快照展示了來(lái)源于一個(gè)被開(kāi)放地并排編輯的 asp.net 項(xiàng)目的兩個(gè)文件--生活是美好的。

【軟件亮點(diǎn)】

　　【函數(shù)參數(shù)】

　　VS Code 有很優(yōu)美的智能感知功能，幫助我們?cè)谙鄳?yīng)的調(diào)用中輸入函數(shù)參數(shù)，因此能很輕松地完成代碼。這是與編程語(yǔ)言/系統(tǒng)函數(shù)相關(guān)的功能，除此之外，它智能地對(duì)你的代碼中的自定義函數(shù)提供了幫助。下面的截圖顯示，為函數(shù)調(diào)用提供了輸入?yún)?shù)，在這個(gè)工程里的任何地方 VS Code 都能看到被定義了的函數(shù)。并且很流暢。

　　【信息預(yù)覽】

　　作為開(kāi)發(fā)者，你可能常常想要預(yù)覽一個(gè)文件，或檢查一個(gè)函數(shù)的定義。 但是，一個(gè)完整的上下文切換的消耗很大，因?yàn)樗屇銦o(wú)法繼續(xù)輸入。在 VS Code 中輸入預(yù)覽幫助，只需單擊右鍵，或者（F12） -- 這樣預(yù)覽定義（Peek Definition）就會(huì)出現(xiàn)，如下所示。預(yù)覽的結(jié)果內(nèi)嵌在編輯器中，敲擊 Escape 鍵后退出，這樣節(jié)省了大量的上下文切換的時(shí)間。

　　【Markdown 預(yù)覽】

　　大多數(shù)開(kāi)發(fā)者都擁有他們最喜歡的 Markdown 編輯器--快速輸入 Markdown，然后預(yù)覽 HTML。VS Code 有意接管 Markdown 編輯，同時(shí) VS Code 也具備這樣的實(shí)力。你可以得到一致的Markdown 編輯支持，準(zhǔn)備好以后，簡(jiǎn)單的觸發(fā) ??V 來(lái)查看預(yù)覽，如下所示。這里也有按鈕，用來(lái)在編輯/預(yù)覽之間切換，同樣，它也會(huì)將預(yù)覽窗口并排放置，以便查看變動(dòng)。

【更改中文顯示說(shuō)明】

　　Visual Studio Code 壓縮包解壓后，雙擊“Code.exe”啟動(dòng) Visual Studio Code，使用快捷鍵“Ctrl+Shift+P”打開(kāi)設(shè)置菜單，向下旋轉(zhuǎn)鼠標(biāo)滾輪選擇“Configure Display Language”后在下拉菜單中選擇“Install additional languages...”，在左側(cè)窗口中選擇“Chinese (Simplified) Language 中文(簡(jiǎn)體)”,點(diǎn)擊語(yǔ)言下面的綠色“Install”按鈕安裝選擇的語(yǔ)言，安裝完成后右下角會(huì)彈出提示框，點(diǎn)擊“Yes”按鈕后 Visual Studio Code 將自動(dòng)重啟，再次啟動(dòng)后界面顯示的就是簡(jiǎn)體中文了。

淺談Visual Studio Code 可以翻盤(pán)成功主要是因?yàn)槭裁矗?/h3>

　　VS Code為什么能成功？有哪些地方是開(kāi)發(fā)者所喜愛(ài)的呢？讓我們從各個(gè)方面與Sublime、Atom 和 Vim 比較下，逐一分析。

　　1、學(xué)習(xí)曲線

　　對(duì)于任何人來(lái)說(shuō)，特別是新手，一個(gè)工具的學(xué)習(xí)曲線也會(huì)影響到它的受歡迎程度。還記得 Stack Overflow 上著名的問(wèn)題之一："How to exit the Vim editor?" 嗎？它已經(jīng)有接近兩百萬(wàn)的訪問(wèn)量。 VS Code、Sublime 和 Atom 在學(xué)習(xí)曲線上，一定是遙遙領(lǐng)先于 Vim。同時(shí)，VS Code 的使用文檔相比于其他編輯器也是做的最好的，無(wú)論是“快速入門(mén)”還是每一個(gè)功能的使用，在官網(wǎng)上都寫(xiě)的一清二楚有條有理。官網(wǎng)還提供了 PDF 版的鍵盤(pán)快捷鍵參考表，讓開(kāi)發(fā)者輕松上手。此外，考慮到一些開(kāi)發(fā)者是從 Vim、Sublime、IntelliJ 或是其他開(kāi)發(fā)工具轉(zhuǎn)來(lái)的，依舊習(xí)慣于原來(lái)開(kāi)發(fā)工具的鍵盤(pán)快捷鍵。VS Code 也提供了各種鍵盤(pán)映射的插件，讓你可以在 VS Code 中繼續(xù)使用不同開(kāi)發(fā)工具的快捷鍵，而不用重新學(xué)習(xí) VS Code 的快捷鍵。

　　2、用戶體驗(yàn)

　　VS Code 提供了許多良好的開(kāi)箱即用的用戶體驗(yàn)。與 Vim、Sublime 和 Atom 一樣，VS Code 都提供了代碼編輯的體驗(yàn)。此外，VS Code 在保持其輕量級(jí)代碼編輯器的前提下，還內(nèi)置了一些 IDE 中會(huì)有的重要功能：

　　Terminal：內(nèi)置的 Terminal 使得開(kāi)發(fā)者可以直接在 VS Code 中快速地運(yùn)行腳本，而不需要在 VS Code 和系統(tǒng)的 Terminal 之間來(lái)回切換。

　　調(diào)試器：直接在 VS Code 中調(diào)試代碼，斷點(diǎn)、call stacks、交互式的 debug console，使得調(diào)試變得異常輕松。

　　版本控制：開(kāi)箱即用的 Git 支持，讓你方便地進(jìn)行文件更改比較，管理你的源代碼。

　　特別是對(duì)于前端開(kāi)發(fā)者來(lái)說(shuō)，VS Code 有著非常好的支持。除了對(duì) JavaScript 的智能提示、重構(gòu)、調(diào)試等功能的支持，像 HTML, CSS, SCSS, Less 和 JSON 這些前端技術(shù)棧，都有著很棒的支持。

　　曾經(jīng)在一些用戶體驗(yàn)上，VS Code 的用戶體驗(yàn)也有不足之處。比如，曾經(jīng) VS Code 的設(shè)置頁(yè)面的體驗(yàn)就沒(méi)有 Atom 好，Atom 有著圖形化的配置界面，而 VS Code 是基于 JSON 文件的。VS Code 對(duì)此也是聽(tīng)取用戶的反饋，增加了圖形化的配置界面，也保留了基于 JSON 文件的配置方式，滿足了不同人群的使用習(xí)慣。

　　3、開(kāi)源

　　開(kāi)源對(duì)于一個(gè)產(chǎn)品的長(zhǎng)期發(fā)展極為重要。在四款編輯器中，Sublime 是閉源的，VS Code、Vim 和 Atom 都是開(kāi)源的，而 VS Code 可以說(shuō)是開(kāi)源做的最好的。

　　VS Code 不僅僅是把代碼開(kāi)源出來(lái)。而是把整個(gè)產(chǎn)品的開(kāi)發(fā)過(guò)程建立于開(kāi)源之上，與整個(gè)社區(qū)深入合作，傾聽(tīng)用戶在 GitHub 上的反饋，使 VS Code 越做越好：

　　每一年，VS Code 團(tuán)隊(duì)都會(huì)在 GitHub Wiki 發(fā)布 Roadmap ，列出一整年的規(guī)劃圖。

　　每個(gè)月初，在產(chǎn)品設(shè)計(jì)階段，VS Code 團(tuán)隊(duì)會(huì)在 GitHub Issue 上會(huì)發(fā)布 Iteration Plan ，列出這個(gè)月會(huì)做的每一個(gè)功能，每一個(gè)功能基本會(huì)對(duì)應(yīng)一個(gè) GitHub Issue，你可以看到詳細(xì)的設(shè)計(jì)以及 mockup，并且可以提出你自己的見(jiàn)解。

　　每個(gè)月末，臨近產(chǎn)品發(fā)布，你可以在 GitHub 看到 Endgame 了解到 VS Code 是如何進(jìn)行產(chǎn)品測(cè)試與發(fā)布的。

　　不僅代碼開(kāi)源，VS Code 整個(gè)產(chǎn)品的計(jì)劃，設(shè)計(jì)以及發(fā)布管理都是“開(kāi)源”的：每一個(gè)階段對(duì)每一個(gè)用戶是公開(kāi)透明的，你不僅可以開(kāi) Issue，發(fā)PR，你甚至也可以參與到每個(gè)功能的設(shè)計(jì)與討論中去！

　　4、性能

　　天下武功唯快不破。相信從 IDE 轉(zhuǎn)投 VS Code 的童鞋，一定是對(duì) VS Code 的性能非常滿意。同為基于 Electron 開(kāi)發(fā)的產(chǎn)品，VS Code 在性能的優(yōu)化上要比 Atom 領(lǐng)先許多。當(dāng)然，我們必須承認(rèn)的是，在速度上 VS Code 與 Vim 和 Sublime 相比，還是有略微的差距。但是，我們依舊能看到 VS Code 不斷的在性能上的優(yōu)化。從插件進(jìn)程與主進(jìn)程的隔離、插件的延遲加載，再到 Text Buffer 的優(yōu)化，提升大文件的加載與編輯速度，減少內(nèi)存使用率。我們看到了 VS Code 的不斷進(jìn)步。

　　5、插件

　　VS Code 有著豐富且快速增長(zhǎng)的插件生態(tài)，如今，已經(jīng)有超過(guò)一萬(wàn)個(gè)插件。不僅有中心化的插件市場(chǎng)，而且在 VS Code 編輯器里也可以輕松搜索插件，直接進(jìn)行安裝與管理。相比之下，Sublime 只有 5000 不到的插件，而且在編輯器里不能很方便地搜索管理插件；Vim 插件雖多，但因?yàn)闆](méi)有一個(gè)中心化的插件市場(chǎng)，查找插件很麻煩；Atom 有 8000 多的插件，比 VS Code 少一些，雖然在編輯器內(nèi)也是可以查找插件，但 VS Code 的搜索和瀏覽功能做的要比 Atom 要好。

　　此外，VS Code 還推出了 Extension Packs，方便開(kāi)發(fā)者一鍵安裝多個(gè)插件。比較出色的 Extension Pack 有 Java Extension Pack、PHP Extension Pack、Vue.js Extension Pack 等，使得 VS Code 秒變 IDE。

　　6、生態(tài)

　　VS Code 不僅僅是一個(gè)代碼編輯器，它有著強(qiáng)大的生態(tài)。VS Code 把它的許多重要組件抽離出來(lái)，成為大家都可以復(fù)用的開(kāi)源產(chǎn)品，與社區(qū)合作，把產(chǎn)品越做越好：

　　Language Server Protocol ：它是 Editor/IDE 與語(yǔ)言服務(wù)器之間的一種協(xié)議，可以讓不同的 Editor/IDE 方便嵌入各種程序語(yǔ)言，允許開(kāi)發(fā)人員在最喜愛(ài)的工具中使用各種語(yǔ)言來(lái)撰寫(xiě)程序。Eclipse, Atom, Sublime Text, Emacs 等主流 Editor/IDE 都已經(jīng)支持了 LSP。

　　Debug Adapter Protocol ： DAP 與 LSP 的目的類(lèi)似，DAP 把 Editor/IDE 與 不同語(yǔ)言的 debugger 解耦，極大地方便了 Editor/IDE 與其他 Debugger 的集成。Eclipse, Emacs, Vim等已經(jīng)支持了 DAP 。

　　Monaco Editor ：作為 VS Code 的核心組件，Monaco Editor 在 GitHub 已經(jīng)擁有了超過(guò)一萬(wàn)三千個(gè) star 。國(guó)內(nèi)比較有名的比如 Cloud Studio 和 Gitee Web IDE 都使用了 Monaco Editor。

　　VS Code 作為 Visual Studio Family 的重要產(chǎn)品，與 Visual Studio IDE 一樣，也有兩大重要的功能：

　　Visual Studio Live Share：極大地方便了協(xié)作編程：實(shí)時(shí)共享代碼編輯、跟隨光標(biāo)、團(tuán)隊(duì)調(diào)試、分享本地服務(wù)器、共享終端等等。

　　Visual Studio IntelliCode：通過(guò) AI 賦能，根據(jù)上下文給出編程建議和智能提示，提高開(kāi)發(fā)者的效率。

　　此外，還有 2019 年微軟在開(kāi)發(fā)工具領(lǐng)域最重磅的產(chǎn)品 —— Visual Studio Online。