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

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

VS code 優(yōu)點

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

一、下載

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

1、點擊Download for Windows 下載Windows版本或者點擊Download選擇下載其他版本；

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

二、安裝

1、在下載目錄找到VSCode，雙擊開始安裝，可能會出現(xiàn)安全警告，點擊運行； 

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

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

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

5、勾選如圖，點擊下一步；

注：

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

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

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

4：勾選后會把很多文本格式改為用VSCode打開，例如.txt文件：不勾選

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

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

7、安裝中；

8、點擊完成安裝。

三、初始化設(shè)置

 1、安裝中文語言包并將顯示語言改為中文，點擊安裝并重啟；

2、點擊選擇顏色主題，選擇后藍(lán)色對勾自動勾選；

3、同步到其他設(shè)備或從其他設(shè)備同步； 1）點擊啟動設(shè)置同步；

2）支持microsoft賬號、GIthub賬號登錄，設(shè)置后藍(lán)色對勾自動勾選。

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

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

 5、點擊瀏覽語言拓展，可以按需安裝語言插件；

 6、選擇項目文件夾；

1）點擊選取文件夾；

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

3)是否信任作者，點擊是。

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

8、重新定義編輯技能； 1）點擊打開編輯器操場；

2）英文部分介紹編輯器的各項功能特色。

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

2）下方會彈出終端。

10、無限擴展性； 1）點擊瀏覽推薦的擴展；

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

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

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

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

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

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

14、并行編輯；  1）點擊拆分編輯器；

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

15、在操作中查看代碼； 1）點擊運行項目；

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

16、使用GIt跟蹤代碼； 1）點擊初始化Git存儲庫；

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

17、自動執(zhí)行項目任務(wù)； 1）點擊運行自動檢測到的任務(wù)；

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

18、自定義快捷方式； 1）點擊鍵盤快捷方式；

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

19、完成

最新評論