Visual Studio Code ，VScode，你沒聽過？

標籤：vim   gui   sublimetext   編輯器   整合式開發環境   

Visual Studio Code，是一款微軟今年新出來的GUI編輯器。它其實就是一款簡單的代碼編輯工具，跟Visual Studio、WebStorm、Eclipse、myEclipse...這些整合的開發環境並不是一個概念。

目前市場上比較常見的一些GUI編輯器的產品：SublimeText、Notepad++、Atom、H5 Builder、Brackets等等，包括終端下的Vim、Emacs等等，都是這個vscode的競品。但是我個人比較常用SublimeText，沒有為什麼，只是因為習慣了。

所以在這裡，我就只能對比下SublimeText。

一、 外觀：

典型的VS風格的UI，支援light和dark兩種theme切換。旁邊按鈕分別是建立、搜尋、git和調試。不過功能布局情況，完全類似Atom。

二、 效能：

Mac Air上將近300萬行代碼的檔案，開啟需要5、6秒，瀏覽無卡頓，無崩潰現象，繼續coding也不卡頓，Go to Line也不卡頓，粘貼代碼會卡頓、問題不大。Sublime3的最新版連開啟這個檔案，都要將近2分鐘，根本不比了。

三、 使用者體驗細節(1) 可以直接點擊GUI按鈕或者右鍵進行建立File、Folder這樣的操作。（以前的Sublime這方面比較差）

(2) 直接分離tab和關閉tab

左邊的按鈕可以直接split視窗。。比Sublime方便多了。右邊的x可以直接關閉標籤。 然後左側還可以看到一個大的藍色按鈕，可以直接Open Folder，也比較爽。。這裡也就直接暗示了以Folder為項目，不然很多新手弄不清楚開啟檔案、開啟Folder什麼的。

(3) 無外掛程式化的代碼diff

非常強大的一個功能，目前發現兩個方式可以啟動diff功能。 第一種是在左側，右鍵檔案select to compare，然後再右鍵一個檔案Compare with ‘xx‘，就可以出現diff。第二種是git的模式下，點擊右上方的switch to changes file，就可以啟動diff。

然後左上方點擊...按鈕，會出現

然後點擊switch to Inline View，可以併到一個tab diff。

(4) 代碼補全支援Angular標籤、支援函數說明提示

然後簡單試了一下HTML和JS的代碼補全（C#試了貌似沒有補全，具體的再看） HTML的補全算不錯的，還支援Angular的標籤補全。 JS的代碼補全太帥了，直接看圖吧，每個函數屬性都有說明。支援Node補全。。

(5) 自動提示覆蓋設定檔&懸浮提示

這種編輯器，自己改設定檔也是很常見的。目前，不支援對不同語言進行獨立配置，都是整合在一個設定檔裡面；不過支援對不同項目有不同的設定檔，支援快速鍵配置。

配置的時候有兩點很nice：

1. 會自動開啟Default Settings和User Settings，提示讓你在右側修改覆蓋自己的設定檔。這個對新手很友好、也很方便。

2. 另外滑鼠放到設定檔（JSON格式）的key上，會自動懸浮提示。

(6) 語法錯誤提示&格式化代碼&無外掛程式化的代碼Debug

內建了語法錯誤提示，很方便。

右鍵代碼地區支援自動格式化代碼，挺不錯的。

編輯器還帶了原生的Debug功能。 目前來看，設定檔主要是前端開發方面的配置，Debug支援Node和Mono（.Net）。

開啟Debug功能，必須要Mono3.0安裝好，我光調試Node也要安裝，不清楚為什麼。 Download | Mono

點擊左側的Debug按鈕，會自動在目錄下產生Debug的設定檔

按照自己所需修改好，然後左側選擇要Debug的配置，然後就跑起來了。

(7) 支援簡單的多行選擇

在單詞上右鍵Change All Occurrences，然後就可以選擇多行了。

現在唯一的問題就是不支援大家最關心的外掛程式化，但是這隻是剛開始，只是第一版，外掛程式化對微軟來說也應該只是分分鐘。而且第一版放出來就支援外掛程式化意義也不大，因為開發人員們也都不知道微軟要做這個東西，第一版放出來也沒啥外掛程式。我要是微軟，第一版也不放，後續版本趕緊加進來就好，只要使用者多，都不是事兒。而且右下角直接有一個笑臉可以拿來反饋資訊，所以大家有什麼想反饋的，直接點那個按鈕。

綜上，說完了一些迷人的feature，放上我個人對其的初步評價，一個預期。

首先，免費開放肯定是非常好的訊息，Sublime畢竟是收費的，Sublime 3連無限期免費試用都不行了。

其次，外掛程式化、語言獨立配置要趕緊加到議程裡面，搞出來，這才是大炮。不過，以微軟的水平，這個應該完全不是問題，而且官方文檔裡面也已經說了，這個是在議程上的事情。
再其次，使用者體驗的細節上，微軟肯定是完爆Sublime的，見上文。
最後，對前端開發、Node、C#比較友好。以前搞前端開發的，特別是Mac和Linux的開發人員，應該會比較傾向於這個了，估計很多都會把常用編輯器從Sublime換到這個了。C#開發人員的話，應該還是在Windows上的開發人員才會用的多，對他們而言，當做一個快速的編輯器不錯，比VS本身開啟方便多了。
其他語言方向的，如果之前用Sublime的，可能會比較多轉到這個。如果這款編輯器微軟真的比較重視的來發展、推廣，支援外掛程式化、語言獨立配置之後，應該喜歡用Sublime來開發Python、Ruby、Go等等那批開發人員都會切換到vscode。

如果說，你比較急切，上面的話都懶得看，那麼我主要濃縮總結三點特性：

1. 免費
2. 使用者體驗細節好，IDE版的智能特性
3. 流暢，完全不卡。（Atom估計哭了，不知道微軟為啥把自己改造的不卡了）

推出這個vscode對微軟來說，就是標誌著他們要開始席捲了，先讓你們用上這種編輯器再說。當然對開發人員來說，不管喜不喜歡用，反正不花錢多了一個選擇，挺好的。

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Visual Studio Code ，VScode，你沒聽過？