VS Code是我最常用和最喜歡的編輯器。我喜歡能夠自定義編輯器-改變布局，圖標(biāo)，字體和配色方案是如此容易!可以進(jìn)行前后端開(kāi)發(fā)!你值得擁有
Visual Studio Code（VSCodeUserSetup-x64-1.60.0.exe）適用于Windows 64位系統(tǒng)。它是一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器，可在您的桌面上運(yùn)行，適用于 Windows、macOS 和 Linux。它內(nèi)置了對(duì) JavaScript、TypeScript 和 Node.js 的支持，并為其他語(yǔ)言（例如 C++、C#、Java、Python、PHP、Go）和運(yùn)行時(shí)（例如 .NET 和 Unity）提供了豐富的擴(kuò)展生態(tài)系統(tǒng)。
Visual Studio Code(VS Code)是微軟2015年推出的一個(gè)輕量但功能強(qiáng)大的源代碼編輯器，基于 Electron 開(kāi)發(fā)，支持 Windows、Linux 和 macOS 操作系統(tǒng)。內(nèi)置了對(duì)JavaScript，TypeScript和Node.js的支持并且具有豐富的其它語(yǔ)言和擴(kuò)展的支持，功能超級(jí)強(qiáng)大。
VSCode是一款免費(fèi)開(kāi)源的現(xiàn)代化輕量級(jí)代碼編輯器，支持幾乎所有主流的開(kāi)發(fā)語(yǔ)言的語(yǔ)法高亮、智能代碼補(bǔ)全、自定義快捷鍵、括號(hào)匹配和顏色區(qū)分、代碼片段、代碼對(duì)比 Diff、GIT命令等特性，支持插件擴(kuò)展，并針對(duì)網(wǎng)頁(yè)開(kāi)發(fā)和云端應(yīng)用開(kāi)發(fā)做了優(yōu)化。

VS code，全稱Visual Studio Code，是Microsoft（微軟）在2015年4月30日發(fā)布的，編寫(xiě)現(xiàn)代web和跨平臺(tái)源代碼編輯器。比如說(shuō)，可以用來(lái)寫(xiě)一個(gè)網(wǎng)頁(yè)的html+css代碼等

VS code 優(yōu)點(diǎn)

安裝包小，啟動(dòng)速度快，體驗(yàn)好
有豐富的插件，無(wú)論是編輯前端代碼，還是后端代碼
關(guān)鍵詞高亮顯示
輸入關(guān)鍵詞時(shí)，從輸入第一個(gè)字符就開(kāi)始匹配所有可能的關(guān)鍵詞
錯(cuò)誤提示，存在語(yǔ)法錯(cuò)誤時(shí)，會(huì)顯示紅色波浪線
格式美化

一、下載

官網(wǎng)下載地址 Visual Studio Code - Code Editing. Redefined 

1、點(diǎn)擊Download for Windows 下載Windows版本或者點(diǎn)擊Download選擇下載其他版本；

2、根據(jù)自己的系統(tǒng)選擇對(duì)應(yīng)的版本。

二、安裝

1、在下載目錄找到VSCode，雙擊開(kāi)始安裝，可能會(huì)出現(xiàn)安全警告，點(diǎn)擊運(yùn)行； 

 2、閱讀協(xié)議后，點(diǎn)擊我同意此協(xié)議，點(diǎn)擊下一步；

 3、點(diǎn)擊瀏覽，選擇安裝路徑，默認(rèn)在C盤(pán)，博主這里選擇“D:\Programs\Microsoft VS Code”，點(diǎn)擊下一步；

 4、添加到開(kāi)始菜單，這里默認(rèn)即可，點(diǎn)擊下一步； 

5、勾選如圖，點(diǎn)擊下一步；

注：

1：在桌面創(chuàng)建快捷方式：勾選

2：將VSCode添加到右鍵菜單，支持打開(kāi)文件：勾選

3：將VSCode添加到右鍵菜單，支持打開(kāi)目錄：勾選

4：勾選后會(huì)把很多文本格式改為用VSCode打開(kāi)，例如.txt文件：不勾選

5：添加到PATH（環(huán)境變量），自動(dòng)添加，無(wú)需手動(dòng)配置：勾選

6、確認(rèn)信息，點(diǎn)擊安裝； 

7、安裝中；

8、點(diǎn)擊完成安裝。

三、初始化設(shè)置

 1、安裝中文語(yǔ)言包并將顯示語(yǔ)言改為中文，點(diǎn)擊安裝并重啟；

2、點(diǎn)擊選擇顏色主題，選擇后藍(lán)色對(duì)勾自動(dòng)勾選；

3、同步到其他設(shè)備或從其他設(shè)備同步； 1）點(diǎn)擊啟動(dòng)設(shè)置同步；

2）支持microsoft賬號(hào)、GIthub賬號(hào)登錄，設(shè)置后藍(lán)色對(duì)勾自動(dòng)勾選。

4、訪問(wèn)所有內(nèi)容只需要一個(gè)快捷方式； 1）點(diǎn)擊打開(kāi)命令面板；

2）輸入問(wèn)號(hào)可以查看命令，使用命令可以提高效率，節(jié)省時(shí)間，設(shè)置后藍(lán)色對(duì)勾自動(dòng)勾選。

 5、點(diǎn)擊瀏覽語(yǔ)言拓展，可以按需安裝語(yǔ)言插件；

 6、選擇項(xiàng)目文件夾；

1）點(diǎn)擊選取文件夾；

 2）選擇，這里博主新建了一個(gè)名為“VS Code”的文件夾；

3)是否信任作者，點(diǎn)擊是。

7、點(diǎn)擊下一節(jié)；

8、重新定義編輯技能； 1）點(diǎn)擊打開(kāi)編輯器操場(chǎng)；

2）英文部分介紹編輯器的各項(xiàng)功能特色。

9、便利的內(nèi)置終端； 1）點(diǎn)擊顯示終端面板；

2）下方會(huì)彈出終端。

10、無(wú)限擴(kuò)展性； 1）點(diǎn)擊瀏覽推薦的擴(kuò)展；

2）左側(cè)顯示（網(wǎng)絡(luò)原因可能會(huì)不顯示）。

11、優(yōu)化設(shè)置； 1）點(diǎn)擊調(diào)整我的設(shè)置；

2）左側(cè)顯示常用設(shè)置，按需修改。

12、充電學(xué)習(xí)； 1）點(diǎn)擊觀看教程；

2）自動(dòng)跳轉(zhuǎn)到瀏覽器播放。

13、點(diǎn)擊下一節(jié)；

14、并行編輯；  1）點(diǎn)擊拆分編輯器；

 2)可以看到右側(cè)多出一個(gè)編輯器，可以并行編輯。

15、在操作中查看代碼； 1）點(diǎn)擊運(yùn)行項(xiàng)目；

2）可以選擇chrome、Edge、Node.js或安裝其他拓展調(diào)試代碼。

16、使用GIt跟蹤代碼； 1）點(diǎn)擊初始化Git存儲(chǔ)庫(kù)；

2）點(diǎn)擊之前放置項(xiàng)目的文件夾，回車(chē)確認(rèn)初始化。

17、自動(dòng)執(zhí)行項(xiàng)目任務(wù)； 1）點(diǎn)擊運(yùn)行自動(dòng)檢測(cè)到的任務(wù)；

2）如果你的項(xiàng)目或者文件夾里有 typescript、npm、grunt、gulp、jake這幾個(gè)腳本工具的配置文件的話，VS Code 會(huì)自動(dòng)讀取當(dāng)前文件夾下的配置。

18、自定義快捷方式； 1）點(diǎn)擊鍵盤(pán)快捷方式；

2）左側(cè)出現(xiàn)快捷方式，可以點(diǎn)擊按照個(gè)人習(xí)慣自定義鍵位。

19、完成

最新評(píng)論