1. 程式人生 > >Visual Studio Code 的簡單試用體驗

Visual Studio Code 的簡單試用體驗

【伯樂線上注:】微軟 Build 開發者大會今天在舊金山正式開始,微軟推出了旗下首個跨平臺編輯器 Visual Studio Code。該工具推出後,引發了很多討論。

下面是知乎網友 馬天翼  的對《如何評價 Visual Studio Code?》的分享回覆,伯樂線上已徵得轉載許可。若再次轉載,請自行徵詢許可。

我沒看現場的釋出會,我是睡覺突然醒了直接看到微博上刷屏的資訊,從床上跳下來,下載試用,然後冒著猝死的風險來寫答案。(早晨起來整理一下答案,修改了一些細節)

首先對Visual Studio Code做一個大概的介紹。首先明確一下,這個Visual Studio Code(以下簡稱 vscode)是一個帶GUI的程式碼編輯器,也就是隻能完成簡單的程式碼編輯功能,並不是一個整合開發環境(IDE)。而Visual Studio、WebStorm 這類的開發工具是 IDE,功能強大,這兩個是不一樣的概念。

有些答案在討論配置檔案是JSON格式的,這個已經是Sublime、Atom這一類編輯器的標配了。另外,關於Web雲端開發的支援,第一版本也沒有相關的功能。目前僅僅就是一個編輯器而已,跟連線微軟的後端雲服務沒啥關係。當然,可能以後的版本會加入直接連線雲端進行開發吧。

目前市場上比較常見的一些GUI編輯器的產品:Sublime、Notepad++、Atom、H5 Builder、Brackets等等,包括終端下的Vim、Emacs等等,都是這個vscode的競品。我個人比較常用Sublime,Atom少用,所以只能對比下Sublime。

以下從剛剛的試用情況來大概談一談編輯器獨特的地方,僅供參考。

1. 外觀:

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

2. 效能:

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

3. 使用者體驗細節

這個我一點一點來說
(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也要安裝,不清楚為什麼。
http://www.mono-project.com/download/

點選左側的Debug按鈕,會自動在目錄下生成Debug的配置檔案

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

(7) 支援簡單的多行選擇
在單詞上右鍵Change All Occurrences,然後就可以選擇多行了。

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

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

  1. 首先,免費開放肯定是非常好的訊息,Sublime畢竟是收費的,Sublime 3連無限期免費試用都不行了。
  2. 其次,外掛化、語言獨立配置要趕緊加到日程裡面,搞出來,這才是大炮。不過,以微軟的水平,這個應該完全不是問題,而且官方文件裡面也已經說了,這個是在日程上的事情。
  3. 再其次,使用者體驗的細節上,微軟肯定是完爆Sublime的,見上文。
  4. 最後,對前端開發、Node、C#比較友好。以前搞前端開發的,特別是Mac和Linux的開發者,應該會比較傾向於這個了,估計很多都會把常用編輯器從Sublime換到這個了。C#開發者的話,應該還是在Windows上的開發者才會用的多,對他們而言,當做一個快速的編輯器不錯,比VS本身開啟方便多了。

其他語言方向的,如果之前用Sublime的,可能會比較多轉到這個。如果這款編輯器微軟真的比較重視的來發展、推廣,支援外掛化、語言獨立配置之後,應該喜歡用Sublime來開發Python、Ruby、Go等等那批開發者都會切換到vscode。

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

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

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

PS:話說到Atom,確實到現在我都沒再用過。(經過評論指正)不過微軟vscode好像是Atom Shell套層殼子,應該是自己改了,不知道怎麼改的這麼快,具體情況不敢亂下結論。不過不管怎麼樣,你好歹改下二進位制檔案的名字吧。