Visual Studio Code介紹

Visual Studio Code簡(jiǎn)稱VScode，是一款運(yùn)行與Windows、Macosx和Linux上的跨平臺(tái)編輯軟件。Visual Studio Code支持多國(guó)語(yǔ)言和文件格式的編寫，并且為設(shè)計(jì)者們提供了便捷的快捷模板。本站為你帶來(lái)Visual Studio Code特別版的下載地址，功能完全免費(fèi)使用，有需要的用戶歡迎下載體驗(yàn)。

Visual Studio Code使用教程

1. 外觀：

典型的vs風(fēng)格的ui，支持light和dark兩種theme切換。旁邊按鈕分別是新建、搜索、git和調(diào)試。不過(guò)功能布局情況，完全類似Atom。

2. 性能：

mac air上將近300萬(wàn)行代碼的文件，打開需要5、6秒，瀏覽無(wú)卡頓，無(wú)崩潰現(xiàn)象，繼續(xù)coding也不卡頓，go to line也不卡頓，粘貼代碼會(huì)卡頓、問(wèn)題不大。sublime3的最新版連打開這個(gè)文件，都要將近2分鐘，根本不比了。

3. 用戶體驗(yàn)細(xì)節(jié)

這個(gè)我一點(diǎn)一點(diǎn)來(lái)說(shuō)

(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) 無(wú)插件化的代碼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ù)說(shuō)明提示

然后簡(jiǎn)單試了一下html和js的代碼補(bǔ)全（c#試了貌似沒有補(bǔ)全，具體的再看）

html的補(bǔ)全算不錯(cuò)的，還支持angular的標(biāo)簽補(bǔ)全。

js的代碼補(bǔ)全太帥了，直接看圖吧，每個(gè)函數(shù)屬性都有說(shuō)明。支持node補(bǔ)全。。

(5) 自動(dòng)提示覆蓋配置文件&懸浮提示

這種編輯器，自己改配置文件也是很常見的。目前，不支持對(duì)不同語(yǔ)言進(jìn)行獨(dú)立配置，都是集成在一個(gè)配置文件里面；不過(guò)支持對(duì)不同項(xiàng)目有不同的配置文件，支持快捷鍵配置。

配置的時(shí)候有兩點(diǎn)很nice：

1. 會(huì)自動(dòng)打開default settings和user settings，提示讓你在右側(cè)修改覆蓋自己的配置文件。這個(gè)對(duì)新手很友好、也很方便。

2. 另外鼠標(biāo)放到配置文件（json格式）的key上，會(huì)自動(dòng)懸浮提示。

(6) 語(yǔ)法錯(cuò)誤提示&格式化代碼&無(wú)插件化的代碼debug

內(nèi)置了語(yǔ)法錯(cuò)誤提示，很方便。

右鍵代碼區(qū)域支持自動(dòng)格式化代碼，挺不錯(cuò)的。

編輯器還帶了原生的debug功能。

目前來(lái)看，配置文件主要是前端開發(fā)方面的配置，debug支持node和mono（.net）。

開啟debug功能，必須要mono3.0安裝好，我光調(diào)試node也要安裝，不清楚為什么。

點(diǎn)擊左側(cè)的debug按鈕，會(huì)自動(dòng)在目錄下生成debug的配置文件！

按照自己所需修改好，然后左側(cè)選擇要debug的配置，然后就跑起來(lái)了。

(7) 支持簡(jiǎn)單的多行選擇

在單詞上右鍵change all occurrences，然后就可以選擇多行了。

-現(xiàn)在唯一的問(wèn)題就是不支持大家最關(guān)心的插件化，但是這只是剛開始，只是第一版，插件化對(duì)微軟來(lái)說(shuō)也應(yīng)該只是分分鐘。而且第一版放出來(lái)就支持插件化意義也不大，因?yàn)殚_發(fā)者們也都不知道微軟要做這個(gè)東西，第一版放出來(lái)也沒啥插件。我要是微軟，第一版也不放，后續(xù)版本趕緊加進(jìn)來(lái)就好，只要用戶多，都不是事兒。而且右下角直接有一個(gè)笑臉可以拿來(lái)反饋信息，所以大家有什么想反饋的，直接點(diǎn)那個(gè)按鈕。

-綜上，說(shuō)完了一些吸引人的feature，放上我個(gè)人對(duì)其的初步評(píng)價(jià)，一個(gè)預(yù)期。

-首先，免費(fèi)開放肯定是非常好的消息，sublime畢竟是收費(fèi)的，sublime 3連無(wú)限期免費(fèi)試用都不行了。

-其次，插件化、語(yǔ)言獨(dú)立配置要趕緊加到日程里面，搞出來(lái)，這才是大炮。不過(guò)，以微軟的水平，這個(gè)應(yīng)該完全不是問(wèn)題，而且官方文檔里面也已經(jīng)說(shuō)了，這個(gè)是在日程上的事情。

-再其次，用戶體驗(yàn)的細(xì)節(jié)上，微軟肯定是完爆sublime的，見上文。

-最后，對(duì)前端開發(fā)、node、c#比較友好。以前搞前端開發(fā)的，特別是mac和linux的開發(fā)者，應(yīng)該會(huì)比較傾向于這個(gè)了，估計(jì)很多都會(huì)把常用編輯器從sublime換到這個(gè)了。c#開發(fā)者的話，應(yīng)該還是在windows上的開發(fā)者才會(huì)用的多，對(duì)他們而言，當(dāng)做一個(gè)快速的編輯器不錯(cuò)，比vs本身打開方便多了。

其他語(yǔ)言方向的，如果之前用sublime的，可能會(huì)比較多轉(zhuǎn)到這個(gè)。如果這款編輯器微軟真的比較重視的來(lái)發(fā)展、推廣，支持插件化、語(yǔ)言獨(dú)立配置之后，應(yīng)該喜歡用sublime來(lái)開發(fā)python、ruby、go等等那批開發(fā)者都會(huì)切換到vscode。

Visual Studio Code常見問(wèn)題

一、Visual Studio Code 如何右鍵運(yùn)行文件？

這是一個(gè)nodejs里面的express項(xiàng)目，我們需要運(yùn)行www這個(gè)文件，先右鍵在命令行打開

然后輸入

node www

www是文件名，這樣運(yùn)行，一共需要2步。

使用插件

點(diǎn)擊左邊最下面那個(gè)按鈕，打開擴(kuò)展管理頁(yè)面

輸入Code Runner，點(diǎn)擊安裝

安裝好以后重新加載才會(huì)生效

現(xiàn)在右鍵的第一個(gè)按鈕已經(jīng)是Run Code了

可以右鍵運(yùn)行的語(yǔ)言類型達(dá)9種