VSCode有什么優(yōu)勢

小編給大家分享一下VSCode有什么優(yōu)勢，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

VSCode（Visual Studio Code）近年來獲得了爆炸式增長，成為廣大開發(fā)者工具庫中的必備神器。它作為一個開源項目，也吸引了無數(shù)第三方開發(fā)者和終端用戶，成為頂尖開源項目之一。它在功能上做到了夠用，體驗上做到了好用，更在擁有海量插件的情況下做到了簡潔流暢，實屬難能可貴。

我是VS Code用戶，同時也為它開發(fā)插件，插件市場里的眾多Java插件基本都是我們團隊的作品，所以我在日常工作中觀察到不少VS Code在工程方面的亮點，下面就來逐一探討。

簡潔而聚焦的產(chǎn)品定位，貫穿始終

你知道VS Code的開發(fā)團隊人數(shù)不多嗎？難以相信吧，大家都覺得VS Code無所不能，如此強大的工具那么幾個人怎么做得出來。實際上功能豐富是個美好的錯覺，因為大部分針對特定編程語言和技術(shù)的功能都是第三方插件提供的，VS Code的核心始終非常精簡，這很考驗產(chǎn)品團隊的拿捏能力：做多了，臃腫，人手也不夠；做少了，太弱，沒人用。他們團隊選擇了專注于核心功能的開發(fā)，為用戶提供簡潔流暢的體驗，并將該思路貫穿在產(chǎn)品開發(fā)的每個環(huán)節(jié)。在我看來，這就是第一個亮點。

第一個亮點同時也是一個難點，因為“簡潔”說到底是產(chǎn)品的“形態(tài)”，更關(guān)鍵的其實是前置問題——產(chǎn)品的定位，它到底解決什么問題。該問題如果從用戶的角度來看，可以轉(zhuǎn)換為以下幾個點——我們?yōu)槭裁葱枰粋€新的工具？它到底是代碼編輯器(Editor)還是集成開發(fā)環(huán)境(IDE)？讓我們來看看項目負責人怎么說：

視頻地址： https://www.youtube.com/watch?v=Vs3AGfeuNKU

無法觀看視頻的同學請看這張截圖，它闡述了VS Code的定位：編輯器+代碼理解+調(diào)試。這是一個非常節(jié)制而平衡的選擇，專注于開發(fā)者“最常用”的功能，同時在產(chǎn)品的形式上力求簡潔高效。從結(jié)果來看，這個定位是相當成功的。

在這個定位的指導下，這些個位工程師搞出了VS Code。相對較小的功能集，使得開發(fā)者們能在代碼質(zhì)量上精益求精，最終用戶們也得到了一個性能優(yōu)異的工具，這是VS Code從一眾編輯器中脫穎而出的重要原因。關(guān)于精益求精，大家可以參考這篇博文，它記錄了VS Code重新實現(xiàn)Text Buffer的過程，同時也分享了思路歷程。正因為產(chǎn)品定位以及團隊職責上的高度節(jié)制，團隊成員才能把時間花在這類問題上，寫出經(jīng)得起考驗的代碼。

與此同時，較小的團隊也使得團隊成員做到了行為層面的整齊劃一，這點在社區(qū)互動上體現(xiàn)得尤為明顯，大家可以去GitHub上看他們的Issues，超出產(chǎn)品定位范疇的請求和反饋基本都被婉拒或者轉(zhuǎn)交到第三方插件項目，可以說是很專注了。

看到這里，似乎一切都好，但問題來了，碼農(nóng)千千萬，你用Node我用Go，你搞前端我弄后臺，VS Code如何滿這些五花八門的需求呢？機智的你已經(jīng)搶答了——海量插件。那么接下來我們來深究一下VS Code是如何經(jīng)營一個龐大的插件生態(tài)的。

進程隔離的插件模型

通過插件來擴展功能的做法已經(jīng)是司空見慣了，但如何保證插件和原生功能一樣優(yōu)秀呢？歷史告訴我們：不能保證。大家可以參考Eclipse，插件模型可以說是做得非常徹底了，功能層面也是無所不能，但存在幾個煩人的問題：不穩(wěn)定、難用、慢，所以不少用戶轉(zhuǎn)投IntelliJ的懷抱?？芍^成也插件，敗也插件。問題的本質(zhì)在于信息不對稱，它導致不同團隊寫出來的代碼，無論是思路還是質(zhì)量，都不一致。最終，用戶得到了一個又亂又卡的產(chǎn)品。所以要讓插件在穩(wěn)定性、速度和體驗的層面都做到和原生功能統(tǒng)一，只能是一個美好的愿望。

來看看其他IDE是怎么做的，Visual Studio自己搞定所有功能，并且做到優(yōu)秀，讓別人無事可做，這也成就了其“宇宙第一IDE”的美名；IntelliJ與之相仿，開箱即用，插件可有可無。這么看起來，自己搞定所有的事情是個好辦法，但大家是否知道，Visual Studio背后有龐大的工程團隊，顯然，這不是VS Code這幾號人能搞定的。他們選擇了讓大家來做插件，那怎么解決Eclipse所遇到的問題呢？

這里分享一個小知識——Eclipse核心部分的開發(fā)者就是早期的VS Code團隊。嗯，所以他們沒有兩次踏入同一條河流。與Eclipse不同，VS Code選擇了把插件關(guān)進盒子里。

這樣做首先解決的問題就是穩(wěn)定性，這個問題對于VS Code來說尤為重要。都知道VS Code基于Electron，實質(zhì)上是個node.js環(huán)境，單線程，任何代碼崩了都是災難性后果。所以VS Code干脆不信任任何人，把插件們放到單獨的進程里，任你折騰，主程序妥妥的。

插件與主進程隔離

VSCode團隊的這一決策不是沒有原因的，正如前面提到的，團隊里很多人其實是Eclipse的舊部，自然對Eclipse的插件模型有深入的思考。Eclipse的設計目標之一就是把組件化推向極致，所以很多核心功能都是用插件的形式來實現(xiàn)的。遺憾的是，Eclipse的插件運行在主進程中，任何插件性能不佳或者不穩(wěn)定，都直接影響到Eclipse，最終結(jié)果是大家抱怨Eclipse臃腫、慢、不穩(wěn)定。VS Code基于進程做到了物理級別的隔離，成功解決了該問題。實際上進程級別的隔離也帶出了另一個話題，那就是界面與業(yè)務邏輯的隔離。

UI渲染與業(yè)務邏輯隔離，一致的用戶體驗

“不穩(wěn)定”之后的問題是“難用”，具體來說就是混亂的界面和流程，究其原因就是插件之間的界面語言的“不一致”，它導致學習曲線異常陡峭，并且在面臨問題時沒有統(tǒng)一的解決路徑。VS Code的做法是根本不給插件們“發(fā)明”新界面的機會。

如上圖，插件們被關(guān)在Extension Host進程里，而UI則在主進程里，所以插件們天然沒法直接在用戶界面上做手腳。VS Code統(tǒng)管所有用戶交互入口，制定交互的標準，所有用戶的操作被轉(zhuǎn)化為各種請求發(fā)送給插件，插件能做的就是響應這些請求，專注于業(yè)務邏輯。但從始至終，插件都不能“決定”或者“影響”界面元素如何被渲染（顏色、字體等，一概不行），至于彈對話框什么的，就更是天方夜譚了。

VS Code對于用戶界面的把控可以說是謹慎到變態(tài)，做過插件的人都懂的，感興趣的同學可以去深挖一下TreeView的歷史，會有更直觀的體會。乍一看，第三方開發(fā)者被卡得死死的，這樣不是限制了大家的創(chuàng)造力嗎？我想說這個做法跟這個團隊的背景密切相關(guān)，換一撥人很有可能會失敗。他們之所以能成功，是因為該團隊在開發(fā)工具領域深耕多年，他們把經(jīng)驗轉(zhuǎn)換為觀點，最終落實到了VS Code的界面元素以及交互語言上，從結(jié)果來看，廣受歡迎。

界面和業(yè)務邏輯的徹底隔離，使得所有插件有了一致的行為，用戶就得到了整齊劃一的體驗。不僅如此，這種接口和行為層面的一致性，最終轉(zhuǎn)化成了另一個“偉大”的功能——Remote Development，我們稍后討論。接下來我們要聊的是VS Code另一個創(chuàng)舉——Language Server Protocol。

LSP——基于文本的協(xié)議

前文提到了VS Code定位中的兩個特色：代碼理解和調(diào)試，絕大部分都由第三方插件來實現(xiàn)，中間的橋梁就是兩大協(xié)議——Language Server Protocol(LSP)和Debug Adapter Protocol(DAP)。兩者從設計的角度來看高度相似，我們著重看一下最火的LSP。首先，為什么需要LSP？

全棧開發(fā)早已成為這個時代的主流，軟件從業(yè)者們也越來越不被某個特定的語言或者技術(shù)所局限，這也對我們手里的金剛鉆提出了新的挑戰(zhàn)。舉個栗子，我用TypeScript和node.js做前端，同時用Java寫后臺，偶爾也用Python做一些數(shù)據(jù)分析，那么我很有可能需要若干工具的組合，這樣做的問題就在于需要在工具間頻繁切換，無論從系統(tǒng)資源消耗和用戶體驗的角度來看，都是低效的。

那么有沒有一種工具能在同一個工作區(qū)里把三個語言都搞定呢？沒錯，就是VS Code——支持多語言的開發(fā)環(huán)境，而多語言支持的基礎就是Language Server Protocol(LSP)。該協(xié)議在短短幾年內(nèi)取得了空前的成功，到目前為止，已經(jīng)有來自微軟等大廠以及社區(qū)的一百個實現(xiàn)，基本覆蓋了所有主流編程語言。同時，它也被其他開發(fā)工具所采納，比如Atom、Vim、Sublime、Emacs、Visual Studio和Eclipse（點擊這里查看完整列表），從另一個角度證明了它的優(yōu)秀。更難能可貴的是，該協(xié)議還做到了輕量和快速，可以說是VS Code的殺手級特性了，同時也是微軟最重要的IP之一。。。哇塞，又強大又輕巧，怎么看都是個騙局啊，那我們就來看看它到底怎么做到的。

先劃重點：1、節(jié)制的設計 2、合理的抽象 2、周全的細節(jié)。

先來說說設計(Design)，大而全是很常見的問題。如果讓我來設計這么一個用來支持所有編程語言的東西，第一反應很可能是搞個涵蓋所有語言特性的超集。微軟就有過這樣的嘗試，比如Roslyn——一個語言中立的編譯器，C#和VB.NET的編譯器都是基于它做的。大家都知道C#在語言特性層面是非常豐富的，Roslyn能撐起C#足以說明它的強大。那么問題來了，為啥它沒有在社區(qū)得到廣泛應用呢？我想根本原因是“強大”所帶來的副作用：復雜、主觀(Opinionated)。光是語法樹就已經(jīng)很復雜了，其他各種特性以及他們之間的關(guān)系更是讓人望而卻步，這樣一個龐然大物，普通開發(fā)者是不會輕易去碰的。

相較之下，LSP顯然把小巧作為設計目標之一，它選擇做最小子集，貫徹了團隊一貫節(jié)制的作風。它關(guān)心的是用戶在編輯代碼時最經(jīng)常處理的物理實體（比如文件、目錄）和狀態(tài)（光標位置）。它根本沒有試圖去理解語言的特性，編譯也不是它所關(guān)心的問題，所以自然不會涉及語法樹一類的復雜概念。它也不是一步到位的，而是隨著VS Code功能的迭代而逐步發(fā)展的。所以它自誕生至今依然保持著小巧的身材，易懂，實現(xiàn)門檻也很低，迅速在社區(qū)得到了廣泛的支持，各種語言的Language Server(LS)遍地開花。

小歸小，功能可不能少，所以抽象就非常關(guān)鍵了。LSP最重要的概念是動作和位置，LSP的大部分請求都是在表達”在指定位置執(zhí)行規(guī)定動作“。舉個栗子，用戶把鼠標懸停在某個類名上方，查看相關(guān)的定義和文檔。這時VS Code會發(fā)送一個'textDocument/hover'請求給LS，這個請求里最關(guān)鍵的信息就是當前的文檔和光標的位置。LS收到請求之后，經(jīng)過一系列內(nèi)部計算（識別出光標位置所對應的符號，并找出相關(guān)文檔），找出相關(guān)的信息，然后發(fā)回給VS Code顯示給用戶看。這樣一來一回的交互，在LSP里被抽象成請求(Request)和回復(Response)，LSP同時也規(guī)定了它們的規(guī)格(Schema)。在開發(fā)者看來，概念非常少，交互形式也很簡單，實現(xiàn)起來非常輕松。

看到這里，大家應該對LSP有了更進一步的理解，它本質(zhì)上是膠水，把VS Code和各種語言的LS粘在一起。但它不是普通的膠水，而是非常有品位的膠水，這品位就體現(xiàn)在細節(jié)上。

首先這是一個基于文本的協(xié)議，文本降低了理解和調(diào)試的難度。參考HTTP和REST的成功，很難想象如果這是一個二進制協(xié)議會是什么局面，甚至同樣是文本協(xié)議的SOAP也早已作古，足以說明“簡單”在打造開發(fā)者生態(tài)里的重要性。

其次這是一個基于JSON的協(xié)議，JSON可以說是最易讀的結(jié)構(gòu)化數(shù)據(jù)格式了，大家看看各個代碼倉庫里的配置未見都是啥格式就知道這是個多么正確的決定了，現(xiàn)在還有人在新項目里用XML嗎？又一次——“簡單”。

再次，這是一個基于JSONRPC的協(xié)議，由于JSON的流行，各大語言都對它有極好的支持，所以開發(fā)者根本不需要處理序列化、反序列化一類的問題，這是實現(xiàn)層面的“簡單”。

從這些細節(jié)可以看出，VS Code團隊對當今技術(shù)趨勢的把握是相當精準的，他們決策充分考慮到了“簡單”，牢牢抓住了社區(qū)開發(fā)者的心。所以重要的事情說三遍：

在做設計的時候一定要傾向于簡單。

在做設計的時候一定要傾向于簡單。

在做設計的時候一定要傾向于簡單。

集大成的Remote Development

今年五月，VS Code發(fā)布了Remote Development(VSCRD)，有了它，我們可以在遠程環(huán)境（比如虛機、容器）里開一個VS Code工作區(qū)，然后用本地的VS Code連上去工作，下圖說明了它的運行模式：

VSCRD從本質(zhì)上改善了遠程開發(fā)的體驗，與常用的遠程桌面共享相比，具體改進如下：

1. 響應迅速：VSCRD所有的交互都在本地UI內(nèi)完成，響應迅速；遠程桌面由于傳輸?shù)氖墙仄廉嬅?，?shù)據(jù)往返延遲很大，卡頓是常態(tài)

2. 沿用本地設置：VSCRD的UI運行在本地，遵從所有本地設置，所以你依然可以使用自己所習慣的快捷鍵、布局、字體，避免了工作效率層面的開銷

3. 數(shù)據(jù)傳輸開銷?。哼h程桌面?zhèn)鬏數(shù)氖且曨l數(shù)據(jù)，而VS Code傳輸是操作請求和響應，開銷與命令行相仿，卡頓的情況進一步改善

4. 第三方插件可用：在遠程工作區(qū)里，不僅VS Code的原生功能可用，所有第三方插件的功能依然可用；遠程桌面的話，你得自己一個個裝好

5. 遠程文件系統(tǒng)可用：遠程文件系統(tǒng)被完整映射到本地，這個兩者差不多

那么VSCRD做了什么神奇的操作能夠?qū)崿F(xiàn)以上效果呢？來看看它的架構(gòu)圖：

其實答案都在前文有所提及：

1. 進程級別隔離的插件模型

   Extension Host（也就是圖中的VS Code Server）與主程序做到了物理級別的分離，那么把Extension Host在遠程或者本地跑沒有本質(zhì)的區(qū)別

2. UI渲染與插件邏輯隔離，整齊劃一的插件行為

   所有的插件的UI都由VS Code統(tǒng)一渲染，所以插件里面只有純業(yè)務邏輯，行為高度統(tǒng)一，跑在哪里都沒區(qū)別

3. 高效的協(xié)議LSP

   VS Code的兩大協(xié)議LSP、DAP都非常精簡，天然適合網(wǎng)絡延遲高的情況，用在遠程開發(fā)上再適合不過

VS Code團隊在架構(gòu)上的決策無疑是非常有前瞻性的，與此同時，他們對細節(jié)的把握也是無可挑剔。正因為有了如此扎實的工程基礎，VSCRD這樣的功能才得以誕生，所以我認為這是集大成的作品。

還沒有嘗試過VSCRD的同學，這里再安利一下，它在以下場景中非常有用：

1. 開發(fā)環(huán)境配置起來很繁瑣，比如物聯(lián)網(wǎng)開發(fā)，需要自己安裝和配置各種工具和插件。在VSCRD里，一個遠程工作區(qū)的模板即可搞定，如需安裝額外的工具，也就是改改Dockerfile的事情，非常簡單。在這里可以找到常用的編程語言和場景的模板。

2. 本地機器太弱，某些開發(fā)搞不了，比如機器學習，海量數(shù)據(jù)及和計算需求需要非常好的機器。在VSCRD里，可以直接操作遠程文件系統(tǒng)，使用遠程計算資源。

最后

VS Code像一顆耀眼的星星，吸引著成千上萬開發(fā)者為其添磚加瓦。從VS Code的成功中，我們看到了好的設計和工程實踐能創(chuàng)造多少奇跡。放眼軟件產(chǎn)業(yè)，各個層面的模式不斷被刷新，讓人激動之余，也要求從業(yè)者不斷提高技能水平。從個人學習的角度來看，了解這些模式誕生的前因后果，理解工程實踐中的決策過程是非常有利于提高工程能力的。

以上是“VSCode有什么優(yōu)勢”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！