宇宙最強(qiáng)編輯器VS Code

2019.05.23

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)行版本控制

最后，歡迎感興趣的小伙伴留言或者通過公眾號(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.visualstudio.com)。

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)如下：

# 在當(dāng)前目錄下打開VS Code
code .

# 在當(dāng)前目錄下打開VS Code并添加到最近使用目錄
code -r .

# 只打開VS Code，不打開任何目錄和文件
code -n

# 打開VS Code并切換到指定的語(yǔ)言
code --locale=es

# 在命令行輸出VS Code的幫助
code --help

# 打開VS Code并禁用所有擴(kuò)展
code --disable-extensions .

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è)采用通用用戶界面和瀏覽器布局，顯示您可以訪問的所有文件和文件夾；
右側(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)目和編輯的文件的信息；