2015 年 4 月 29 日的 Build 大會上，微軟發(fā)布了 Visual Studio Code 第一個預覽版本。短短四年時間里，VS Code 高速成長。

根據(jù) 2019 年 2 月的 PYPL Top IDE index 的排名，VS Code 的漲勢迅猛，在所有編輯器與 IDE 中排名第六，領先于其他主流的代碼編輯器：Sublime、Atom 和 Vim。可以說是已經(jīng)在代碼編輯器中拔得頭籌。

在 Stack Overflow 的 2018 年開發(fā)者調(diào)查中，VS Code 成為了最受歡迎的開發(fā)工具。

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

學習曲線

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

用戶體驗

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 支持，讓你方便地進行文件更改比較，管理你的源代碼。

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

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

開源

開源對于一個產(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)品設計階段，VS Code 團隊會在 GitHub Issue 上會發(fā)布 Iteration Plan ，列出這個月會做的每一個功能，每一個功能基本會對應一個 GitHub Issue，你可以看到詳細的設計以及 mockup，并且可以提出你自己的見解。
• 每個月末，臨近產(chǎn)品發(fā)布，你可以在 GitHub 看到 Endgame 了解到 VS Code 是如何進行產(chǎn)品測試與發(fā)布的。

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

性能

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

插件

VS Code 有著豐富且快速增長的插件生態(tài)，如今，已經(jīng)有超過一萬個插件。不僅有中心化的插件市場，而且在 VS Code 編輯器里也可以輕松搜索插件，直接進行安裝與管理。相比之下，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。

生態(tài)

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

• Language Server Protocol ：它是 Editor/IDE 與語言服務器之間的一種協(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é)作編程：實時共享代碼編輯、跟隨光標、團隊調(diào)試、分享本地服務器、共享終端等等。
• Visual Studio IntelliCode：通過 AI 賦能，根據(jù)上下文給出編程建議和智能提示，提高開發(fā)者的效率。

未來

VS Code 快四歲了，他還是個很年輕的編輯器。未來的路很長，相信他會越來越好，成為更多開發(fā)者所喜愛的開發(fā)工具。

最后

首本 VS Code 中文書《Visual Studio Code 權威指南》來啦！希望通過這本書，能帶你深入淺出 Visual Studio Code。

總結(jié)

以上是生活随笔為你收集整理的vscode代码运行时间工具_代码编辑器横评：为什么 VS Code 能拔得头筹的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。