0.VSCode專欄簡(jiǎn)介

首先簡(jiǎn)要的介紹一下，本專欄的作者之前癡迷于上古神器 —— 編輯器之神vim，特別喜歡折騰，后來(lái)偶然的機(jī)會(huì)接觸到VS Code，這個(gè)基于前端技術(shù)的編輯器引起了我強(qiáng)烈的興趣，果斷轉(zhuǎn)到VS Code（真香啊），后來(lái)深入研究，創(chuàng)作了本專欄，希望可以手把手帶領(lǐng)感興趣的小伙伴上手宇宙最強(qiáng)編輯器VS Code，高效編碼，高效劃水。

先放上本專欄的目錄，滿足一下好奇心：

• 初識(shí)VS Code

• 美化VS Code

• 高效編碼

• 使用VS Code + MinGW-W64進(jìn)行C/C++開發(fā)

• 使用VS Code + JDK進(jìn)行Java開發(fā)

• 使用VS Code + Python進(jìn)行Python開發(fā)

• 使用VS Code編輯Markdown文檔

• 使用VS Code在線聽網(wǎng)易云

• 使用VS Code + SSH 進(jìn)行遠(yuǎn)程開發(fā)

• 使用VS Code + Git進(jìn)行版本控制

最后，歡迎感興趣的小伙伴留言或者通過(guò)公眾號(hào)后臺(tái)私聊我，一起嗨皮^_^

1.VSCode簡(jiǎn)介

vscode是微軟公司開發(fā)的一款代碼編輯器，為什么稱之為宇宙最強(qiáng)編輯器呢？原因如下：

• 開源免費(fèi)

• 輕量級(jí)

• 跨平臺(tái)

當(dāng)然，這只是最基本的，它對(duì)編程語(yǔ)言的支持更是強(qiáng)大：

• 內(nèi)置對(duì)JavaScript、TypeScript、Node.js的支持；

• 其他語(yǔ)言的擴(kuò)展生態(tài)系統(tǒng)：C/C++、C#、Java、Python、PHP、Go；

• 運(yùn)行時(shí)環(huán)境的支持：.NET、Unity；

它提供的快捷鍵綁定擴(kuò)展非常多（Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse）可以根據(jù)我們喜歡的而定，更加有效率的寫代碼~

在代碼管理功能方面，VScode內(nèi)置了使用Git的代碼管理，但是需要系統(tǒng)上先安裝有Git。

除此之外，它強(qiáng)大的擴(kuò)展插件生態(tài)系統(tǒng)還提供各種代碼主題、圖標(biāo)主題等等用于優(yōu)化我們的工作環(huán)境，當(dāng)然，如果你愿意，還可以使用網(wǎng)易云擴(kuò)展聽歌~

2.安裝運(yùn)行VS Code

2.1.下載

VSCode是一個(gè)跨平臺(tái)的軟件，下載時(shí)選擇與自己系統(tǒng)相匹配的：官方下載鏈接(https://code.)。

2.2.安裝

VScode在windows下的安裝非常簡(jiǎn)單，雙擊安裝包運(yùn)行安裝程序，選擇合適的目錄安裝即可。

2.3.運(yùn)行

2.3.1.可視化界面運(yùn)行

在菜單中選擇VS Code或者點(diǎn)擊桌面快捷圖標(biāo)直接運(yùn)行即可：

2.3.2.在命令行運(yùn)行

VScode在自動(dòng)安裝完成后會(huì)自動(dòng)添加安裝目錄到環(huán)境變量中，重啟后生效，然后我們可以在命令行使用code運(yùn)行VSCode，其可選項(xiàng)如下：

2.4..vscode文件夾

在VScode打開一個(gè)目錄時(shí)，會(huì)自動(dòng)創(chuàng)建一個(gè).vscode文件夾，位于打開目錄下。

例如：

• tasks.json對(duì)于Task Runner使用；

• launch.json對(duì)于調(diào)試器使用；

3.VSCode用戶界面

Visual Studio Code的核心是代碼編輯器：

• 左側(cè)采用通用用戶界面和瀏覽器布局，顯示您可以訪問(wèn)的所有文件和文件夾；

• 右側(cè)顯示編輯器，顯示已打開文件的內(nèi)容；

用戶界面分為五個(gè)方面：

• A：活動(dòng)欄 - 位于最左側(cè)，可以在視圖之間切換；

• B：側(cè)欄 - 包含不同的視圖，如資源管理器，可在您處理項(xiàng)目時(shí)為您提供幫助；

• C：編輯器 - 編輯文件的主要區(qū)域，可以縱向和橫向并排打開任意數(shù)量的編輯器；

• D：面板 - 在編輯器區(qū)域下方顯示不同的面板，以顯示輸出或調(diào)試信息，錯(cuò)誤和警告或集成終端，面板也可以向右移動(dòng)以獲得更多垂直空間；

• E：狀態(tài)欄 - 有關(guān)已打開項(xiàng)目和編輯的文件的信息；

4.五個(gè)基本視圖

4.1.資源管理器

4.2.搜索功能

4.3.代碼版本管理

VS Code內(nèi)置Git代碼版本管理（需要系統(tǒng)先安裝Git），可以方便的進(jìn)行源代碼管理，此處不作詳細(xì)介紹：

4.4.代碼調(diào)試

VS Code中集成了強(qiáng)大的代碼調(diào)試功能（配合調(diào)試器使用），在使用具體的編程語(yǔ)言時(shí)詳細(xì)介紹：

4.5.擴(kuò)展插件

VS Code的一個(gè)優(yōu)勢(shì)在于代碼編輯器的強(qiáng)大，另一個(gè)就是VS Code擁有非常豐富的擴(kuò)展生態(tài)系統(tǒng)，在此視圖中可以看到當(dāng)前已啟用的擴(kuò)展和應(yīng)用商店中所有的擴(kuò)展：