Visual Studio Code,旨在為所有開發(fā)者提供一款專注于代碼本身的免費(fèi)的編輯器。Visual Studio Code的定位還是Editor,一個(gè)全功能的Editor,通過Editor反推微軟的SDK,.NET(開源,跨平臺(tái))等產(chǎn)品鋪路。它雖然是Visual Studio家族的一員,但它與傳統(tǒng)VS IDE的功能沒有太多交集。
VS Code專注于最重要的功能:
智能感知、內(nèi)建調(diào)試工具、Git源碼控制集成。智能感知提供了程序間調(diào)用跳轉(zhuǎn)的功能,VS Code先為代碼創(chuàng)建概要,找到所有引用,最后跳轉(zhuǎn)到相應(yīng)定義。調(diào)試工具包含常見的斷點(diǎn)、單步調(diào)試、變量檢查等功能。VS Code的架構(gòu)設(shè)計(jì)非常出色,你無須修改應(yīng)用就可以增加額外的語言支持(據(jù)微軟說,文檔最終確定后會(huì)將這個(gè)功能暴露給終端用戶。)這意味著,目前這版僅提供ASP.NET開發(fā)的支持,但這一限制將在正式版中解除。
提供Git支持也是VS Code項(xiàng)目的一大亮點(diǎn),如果要使用這個(gè)功能,你需要在本地安裝一份Git的拷貝。這樣做的優(yōu)點(diǎn)是你只需配置一個(gè)Git實(shí)例,安裝VS Code后再單獨(dú)安裝Git只會(huì)耽誤你幾分鐘的時(shí)間。當(dāng)然,如果你的系統(tǒng)已經(jīng)安裝了Git,那么安裝VS Code后你就可以直接使用相關(guān)功能。
對比VS以及其他編輯器:
對比VS Code和傳統(tǒng)Visual Studio,二者間最大的不同是:VS Code專注于成為一個(gè)全功能編輯器,而VS則圍繞項(xiàng)目本身提供了許多相關(guān)功能。VS Code沒有新項(xiàng)目向?qū),也不支持solution文件。但是它確實(shí)提供了響應(yīng)式編輯功能,強(qiáng)化了很多小細(xì)節(jié),例如:當(dāng)你處理跨平臺(tái)文件時(shí)顯示行結(jié)束符類型。
首先對Visual Studio Code做一個(gè)大概的介紹。首先明確一下,這個(gè)Visual Studio Code(以下簡稱vscode)是一個(gè)帶GUI的代碼編輯器,也就是只能完成簡單的代碼編輯功能,并不是一個(gè)集成開發(fā)環(huán)境(IDE)。而Visual Studio、WebStorm這類的開發(fā)工具是IDE,功能強(qiáng)大,這兩個(gè)是不一樣的概念。
有些答案在討論配置文件是JSON格式的,這個(gè)已經(jīng)是Sublime、Atom這一類編輯器的標(biāo)配了。另外,關(guān)于Web云端開發(fā)的支持,第一版本也沒有相關(guān)的功能。目前僅僅就是一個(gè)編輯器而已,跟連接微軟的后端云服務(wù)沒啥關(guān)系。當(dāng)然,可能以后的版本會(huì)加入直接連接云端進(jìn)行開發(fā)吧。
目前市場上比較常見的一些GUI編輯器的產(chǎn)品:Sublime、Notepad++、Atom、H5 Builder、Brackets等等,包括終端下的Vim、Emacs等等,都是這個(gè)vscode的競品。我個(gè)人比較常用Sublime,Atom少用,所以只能對比下Sublime。
評測:
以下從剛剛的試用情況來大概談一談編輯器獨(dú)特的地方,僅供參考。
1. 外觀:
典型的VS風(fēng)格的UI,支持light和dark兩種theme切換。旁邊按鈕分別是新建、搜索、git和調(diào)試。不過功能布局情況,完全類似Atom。
2. 性能:
Mac Air上將近300萬行代碼的文件,打開需要5、6秒,瀏覽無卡頓,無崩潰現(xiàn)象,繼續(xù)coding也不卡頓,Go to Line也不卡頓,粘貼代碼會(huì)卡頓、問題不大。Sublime3的最新版連打開這個(gè)文件,都要將近2分鐘,根本不比了。
3. 用戶體驗(yàn)細(xì)節(jié)
這個(gè)我一點(diǎn)一點(diǎn)來說
(1) 可以直接點(diǎn)擊GUI按鈕或者右鍵進(jìn)行新建File、Folder這樣的操作。(以前的Sublime這方面比較差)
(2) 直接分離tab和關(guān)閉tab
左邊的按鈕可以直接split窗口。。比Sublime方便多了。右邊的x可以直接關(guān)閉標(biāo)簽。
然后左側(cè)還可以看到一個(gè)大的藍(lán)色按鈕,可以直接Open Folder,也比較爽。。這里也就直接暗示了以Folder為項(xiàng)目,不然很多新手弄不清楚打開文件、打開Folder什么的。
(3) 無插件化的代碼diff
非常強(qiáng)大的一個(gè)功能,目前發(fā)現(xiàn)兩個(gè)方式可以啟動(dòng)diff功能。
第一種是在左側(cè),右鍵文件select to compare,然后再右鍵一個(gè)文件Compare with 'xx',就可以出現(xiàn)diff。第二種是git的模式下,點(diǎn)擊右上角的switch to changes file,就可以啟動(dòng)diff。
然后左上角點(diǎn)擊...按鈕,會(huì)出現(xiàn)
然后點(diǎn)擊switch to Inline View,可以并到一個(gè)tab diff。
(4) 代碼補(bǔ)全支持Angular標(biāo)簽、支持函數(shù)說明提示
然后簡單試了一下HTML和JS的代碼補(bǔ)全(C#試了貌似沒有補(bǔ)全,具體的再看)
HTML的補(bǔ)全算不錯(cuò)的,還支持Angular的標(biāo)簽補(bǔ)全。
JS的代碼補(bǔ)全太帥了,直接看圖吧,每個(gè)函數(shù)屬性都有說明。支持Node補(bǔ)全。。
(5) 自動(dòng)提示覆蓋配置文件&懸浮提示
這種編輯器,自己改配置文件也是很常見的。目前,不支持對不同語言進(jìn)行獨(dú)立配置,都是集成在一個(gè)配置文件里面;不過支持對不同項(xiàng)目有不同的配置文件,支持快捷鍵配置。
配置的時(shí)候有兩點(diǎn)很nice:
1. 會(huì)自動(dòng)打開Default Settings和User Settings,提示讓你在右側(cè)修改覆蓋自己的配置文件。這個(gè)對新手很友好、也很方便。
2. 另外鼠標(biāo)放到配置文件(JSON格式)的key上,會(huì)自動(dòng)懸浮提示。
(6) 語法錯(cuò)誤提示&格式化代碼&無插件化的代碼Debug
內(nèi)置了語法錯(cuò)誤提示,很方便。
右鍵代碼區(qū)域支持自動(dòng)格式化代碼,挺不錯(cuò)的。
編輯器還帶了原生的Debug功能。
目前來看,配置文件主要是前端開發(fā)方面的配置,Debug支持Node和Mono(.Net)。
開啟Debug功能,必須要Mono3.0安裝好,我光調(diào)試Node也要安裝,不清楚為什么。
http://www.mono-project.com/download/
點(diǎn)擊左側(cè)的Debug按鈕,會(huì)自動(dòng)在目錄下生成Debug的配置文件!
按照自己所需修改好,然后左側(cè)選擇要Debug的配置,然后就跑起來了。
(7) 支持簡單的多行選擇
在單詞上右鍵Change All Occurrences,然后就可以選擇多行了。
現(xiàn)在唯一的問題就是不支持大家最關(guān)心的插件化,但是這只是剛開始,只是第一版,插件化對微軟來說也應(yīng)該只是分分鐘。而且第一版放出來就支持插件化意義也不大,因?yàn)殚_發(fā)者們也都不知道微軟要做這個(gè)東西,第一版放出來也沒啥插件。我要是微軟,第一版也不放,后續(xù)版本趕緊加進(jìn)來就好,只要用戶多,都不是事兒。而且右下角直接有一個(gè)笑臉可以拿來反饋信息,所以大家有什么想反饋的,直接點(diǎn)那個(gè)按鈕。
綜上,說完了一些吸引人的feature,放上我個(gè)人對其的初步評價(jià),一個(gè)預(yù)期。
首先,免費(fèi)開放肯定是非常好的消息,Sublime畢竟是收費(fèi)的,Sublime 3連無限期免費(fèi)試用都不行了。
其次,插件化、語言獨(dú)立配置要趕緊加到日程里面,搞出來,這才是大炮。不過,以微軟的水平,這個(gè)應(yīng)該完全不是問題,而且官方文檔里面也已經(jīng)說了,這個(gè)是在日程上的事情。
再其次,用戶體驗(yàn)的細(xì)節(jié)上,微軟肯定是完爆Sublime的,見上文。
最后,對前端開發(fā)、Node、C#比較友好。以前搞前端開發(fā)的,特別是Mac和Linux的開發(fā)者,應(yīng)該會(huì)比較傾向于這個(gè)了,估計(jì)很多都會(huì)把常用編輯器從Sublime換到這個(gè)了。C#開發(fā)者的話,應(yīng)該還是在Windows上的開發(fā)者才會(huì)用的多,對他們而言,當(dāng)做一個(gè)快速的編輯器不錯(cuò),比VS本身打開方便多了。
其他語言方向的,如果之前用Sublime的,可能會(huì)比較多轉(zhuǎn)到這個(gè)。如果這款編輯器微軟真的比較重視的來發(fā)展、推廣,支持插件化、語言獨(dú)立配置之后,應(yīng)該喜歡用Sublime來開發(fā)Python、Ruby、Go等等那批開發(fā)者都會(huì)切換到vscode。
使用方法:
1、打開進(jìn)入軟件,如果發(fā)現(xiàn)是英文版本,不要急,首先按F1快捷鍵或者Ctrl+Shift+P,切入到命令行模式,輸入“Configure Language”
2、按回車鍵后進(jìn)入設(shè)置界面
3、只需要將上面的"EN"改為“zh-CN”即可,注意大小寫