代碼編輯器橫評：爲何 VS Code 能拔得頭籌

摘要： 爲何 VS Code 這麼火...

• 公衆號：玩轉 VS Code
• 原文：代碼編輯器橫評：爲何 VS Code 能拔得頭籌

Fundebug經受權轉載，版權歸原做者全部。

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

根據 2019 年 2 月的 PYPL Top IDE index 的排名，VS Code 的漲勢迅猛，在全部編輯器與 IDE 中排名第六，領先於其餘主流的代碼編輯器：Sublime、Atom 和 Vim。能夠說是已經在代碼編輯器中拔得頭籌。

在 Stack Overflow 的 2018 年開發者調查中，VS Code 成爲了最受歡迎的開發工具。

那麼，VS Code 爲何能這麼成功？有哪些地方是開發者所喜好的呢？讓咱們從各個方面與 Sublime、Atom 和 Vim 比較下，逐一分析。

學習曲線

對於任何人來講，特別是新手，一個工具的學習曲線也會影響到它的受歡迎程度。還記得 Stack Overflow 上著名的問題之一："How to exit the Vim editor?" 嗎？它已經有接近兩百萬的訪問量。 VS Code、Sublime 和 Atom 在學習曲線上，必定是遙遙領先於 Vim。同時，VS Code 的使用文檔相比於其餘編輯器也是作的最好的，不管是「快速入門」仍是每個功能的使用，在官網上都寫的一清二楚有條有理。官網還提供了 PDF 版的鍵盤快捷鍵參考表，讓開發者輕鬆上手。此外，考慮到一些開發者是從 Vim、Sublime、IntelliJ 或是其餘開發工具轉來的，依舊習慣於原來開發工具的鍵盤快捷鍵。VS Code 也提供了各類鍵盤映射的插件，讓你能夠在 VS Code 中繼續使用不一樣開發工具的快捷鍵，而不用從新學習 VS Code 的快捷鍵。

用戶體驗

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

• Terminal：內置的 Terminal 使得開發者能夠直接在 VS Code 中快速地運行腳本，而不須要在 VS Code 和系統的 Terminal 之間來回切換。
• 調試器：直接在 VS Code 中調試代碼，斷點、call stacks、交互式的 debug console，使得調試變得異常輕鬆。
• 版本控制：開箱即用的 Git 支持，讓你方便地進行文件更改比較，管理你的源代碼。

特別是對於前端開發者來講，VS Code 有着很是好的支持。除了對 JavaScript 的智能提示、重構、調試等功能的支持，像 HTML, CSS, SCSS, Less 和 JSON 這些前端技術棧，都有着很棒的支持。

曾經在一些用戶體驗上，VS Code 的用戶體驗也有不足之處。好比，曾經 VS Code 的設置頁面的體驗就沒有 Atom 好，Atom 有着圖形化的配置界面，而 VS Code 是基於 JSON 文件的。VS Code 對此也是聽取用戶的反饋，增長了圖形化的配置界面，也保留了基於 JSON 文件的配置方式，知足了不一樣人羣的使用習慣。

開源

開源對於一個產品的長期發展極爲重要。在四款編輯器中，Sublime 是閉源的，VS Code、Vim 和 Atom 都是開源的，而 VS Code 能夠說是開源作的最好的。

VS Code 不只僅是把代碼開源出來。而是把整個產品的開發過程創建於開源之上，與整個社區深刻合做，傾聽用戶在 GitHub 上的反饋，使 VS Code 越作越好：

• 每年，VS Code 團隊都會在 GitHub Wiki 發佈 Roadmap ，列出一全年的規劃圖。
• 每月初，在產品設計階段，VS Code 團隊會在 GitHub Issue 上會發布 Iteration Plan ，列出這個月會作的每個功能，每個功能基本會對應一個 GitHub Issue，你能夠看到詳細的設計以及 mockup，而且能夠提出你本身的看法。
• 每月末，臨近產品發佈，你能夠在 GitHub 看到 Endgame 瞭解到 VS Code 是如何進行產品測試與發佈的。

不只代碼開源，VS Code 整個產品的計劃，設計以及發佈管理都是「開源」的：每個階段對每個用戶是公開透明的，你不只能夠開 Issue，發 PR，你甚至也能夠參與到每一個功能的設計與討論中去！

性能

天下武功惟快不破。相信從 IDE 轉投 VS Code 的童鞋，必定是對 VS Code 的性能很是滿意。同爲基於 Electron 開發的產品，VS Code 在性能的優化上要比 Atom 領先許多。固然，咱們必須認可的是，在速度上 VS Code 與 Vim 和 Sublime 相比，仍是有略微的差距。可是，咱們依舊能看到 VS Code 不斷的在性能上的優化。從插件進程與主進程的隔離、插件的延遲加載，再到 Text Buffer 的優化，提高大文件的加載與編輯速度，減小內存使用率。咱們看到了 VS Code 的不斷進步。

插件

VS Code 有着豐富且快速增加的插件生態，現在，已經有超過一萬個插件。不只有中心化的插件市場，並且在 VS Code 編輯器裏也能夠輕鬆搜索插件，直接進行安裝與管理。相比之下，Sublime 只有 5000 不到的插件，並且在編輯器裏不能很方便地搜索管理插件；Vim 插件雖多，但由於沒有一箇中心化的插件市場，查找插件很麻煩；Atom 有 8000 多的插件，比 VS Code 少一些，雖然在編輯器內也是能夠查找插件，但 VS Code 的搜索和瀏覽功能作的要比 Atom 要好。

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

生態

VS Code 不只僅是一個代碼編輯器，它有着強大的生態。VS Code 把它的許多重要組件抽離出來，成爲你們均可以複用的開源產品，與社區合做，把產品越作越好：

• Language Server Protocol ：它是 Editor/IDE 與語言服務器之間的一種協議，可讓不一樣的 Editor/IDE 方便嵌入各類程序語言，容許開發人員在最喜好的工具中使用各類語言來撰寫程序。Eclipse, Atom, Sublime Text, Emacs 等主流 Editor/IDE 都已經支持了 LSP。
• Debug Adapter Protocol ： DAP 與 LSP 的目的相似，DAP 把 Editor/IDE 與 不一樣語言的 debugger 解耦，極大地方便了 Editor/IDE 與其餘 Debugger 的集成。Eclipse, Emacs, Vim 等已經支持了 DAP 。
• Monaco Editor ：做爲 VS Code 的核心組件，Monaco Editor 在 GitHub 已經擁有了超過一萬三千個 star 。國內比較有名的好比 Cloud Studio 和 Gitee Web IDE 都使用了 Monaco Editor。

VS Code 做爲 Visual Studio Family 的重要產品，與 Visual Studio IDE 同樣，也有兩大重要的功能：

• Visual Studio Live Share：極大地方便了協做編程：實時共享代碼編輯、跟隨光標、團隊調試、分享本地服務器、共享終端等等。
• Visual Studio IntelliCode：經過 AI 賦能，根據上下文給出編程建議和智能提示，提升開發者的效率。

將來

VS Code 快四歲了，他仍是個很年輕的編輯器。將來的路很長，相信他會愈來愈好，成爲更多開發者所喜好的開發工具。

關於Fundebug

Fundebug專一於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了10億+錯誤事件，付費客戶有Google、360、金山軟件、百姓網等衆多品牌企業。歡迎你們免費試用！