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

【功能特點】

　　【@Code Handle】

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

　　【海量語言支持】

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

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

　　【并排編輯】

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

【軟件亮點】

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

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

　　【信息預(yù)覽】

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

　　【Markdown 預(yù)覽】

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

【更改中文顯示說明】

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

淺談Visual Studio Code 可以翻盤成功主要是因為什么？

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

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

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

　　2、用戶體驗

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

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

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

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

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

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

　　3、開源

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

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

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

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

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

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

　　4、性能

　　天下武功唯快不破。相信從 IDE 轉(zhuǎn)投 VS Code 的童鞋，一定是對 VS Code 的性能非常滿意。同為基于 Electron 開發(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 有著豐富且快速增長的插件生態(tài)，如今，已經(jīng)有超過一萬個插件。不僅有中心化的插件市場，而且在 VS Code 編輯器里也可以輕松搜索插件，直接進(jìn)行安裝與管理。相比之下，Sublime 只有 5000 不到的插件，而且在編輯器里不能很方便地搜索管理插件；Vim 插件雖多，但因為沒有一個中心化的插件市場，查找插件很麻煩；Atom 有 8000 多的插件，比 VS Code 少一些，雖然在編輯器內(nèi)也是可以查找插件，但 VS Code 的搜索和瀏覽功能做的要比 Atom 要好。

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

　　6、生態(tài)

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

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

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

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

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

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

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

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