一、簡介
Visual Stuio Code 和 Source Insight 一樣,都是編輯器,Visual Studio Code簡稱VSCode,VSCode 是微軟出的一款免費編輯器。VSCode 有 Windows、Linux 和macOS 三個版本,是一個跨平台的編輯器。VSCode 下載地址是:https://visualstudio.microsoft.com/zh-hans/
下載界面如圖所示:

二、 Windows版本安裝
Windows 版本的安裝比較容易,和其他 Windows 一樣,雙擊.exe 安裝包,然后一路“下一步”即可,安裝完成以后在桌面上就會有 VSCode 的圖標,如圖:
三、 Linux版本安裝
(1).deb 軟件包拷貝到 Ubuntu系統中,然后使用如下命令安裝:
sudo dpkg -i code_1.35.3-1552606978_amd64.deb
等待安裝完成,可能會出現如下錯誤

如果出現安裝錯誤,說明缺少依賴文件,缺少什么就安裝什么,可以輸入下列命令
sudo apt-get install libxss1 libnss3 libsecret-1-0 libgtk-3-0
如果依然提示錯誤,可能是Ubuntu版本過低的原因,試過12.x版本不行,升級到14.x安裝成功。
(2)安裝完成以后搜索“Visual Studio Code”就可以找到,如圖:

每次打開 VSCode 都要搜索,太麻煩了,可以將圖標添加到 Ubuntu 桌面上,安裝的所有軟件圖標都在目錄/usr/share/applications 中,進入/usr/share/applications目錄,找到 Visual Studio Code 的圖標,然后點擊鼠標右鍵,選擇復制到->桌面,以后直接雙擊桌面圖標即可打開 VSCode
四、 Visual Studio Code插件的安裝
(1)安裝插件
VSCode 支持多種語言,比如 C/C++、Python、C#等等,本教程我們主要用來編寫 C/C++程序的,所以需要安裝 C/C++的擴展包

需要按照的插件有下面幾個:
1)、C/C++,這個肯定是必須的。
2)、C/C++ Snippets,即 C/C++重用代碼塊。
3)、C/C++ Advanced Lint,即 C/C++靜態檢測 。
4)、Code Runner,即代碼運行。
5)、Include AutoComplete,即自動頭文件包含。
6)、Rainbow Brackets,彩虹花括號,有助於閱讀代碼。
7)、One Dark Pro,VSCode 的主題。
8)、GBKtoUTF8,將 GBK 轉換為 UTF8。
9)、ARM,即支持 ARM 匯編語法高亮顯示。
10)、Chinese(Simplified),即中文環境。
11)、vscode-icons,VSCode 圖標插件,主要是資源管理器下各個文件夾的圖標。
12)、compareit,比較插件,可以用於比較兩個文件的差異。
13)、DeviceTree,設備樹語法插件。
14)、TabNine,一款 AI 自動補全插件,強烈推薦,誰用誰知道!
(2)查看已經安裝好的插件:

(3)改為中文環境

根據圖的提示,按下“Ctrl+Shift+P”打開搜索框,在搜索框里面輸入“config”,然后選擇“Configure Display Language”

(1)如果自動打開了local.json文件,在打開的 local.json 文件中將 locale 修改為 zh-cn

(2)如果彈出下面選項,選擇zh-cn

修改完成后關閉 VSCode,然后重新打開 VSCode,測試 VSCode 就變成了中文的了

五、VSCode新建工程
(1)新建一個文件夾用於存放工程,比如我新建了文件夾目錄為 E:\VScode_Program\1_test,路徑盡量不要有中文和空格打開 VSCode。然后在 VSCode 上點擊文件->打開文件夾…,選剛剛創建的“1_test”文件夾,打開以后如圖

(2)點擊文件->將工作區另存為…,打開工作區命名對話框,輸入要保存的工作區路徑和工作區名字,如圖

(3)工作區保存成功以后,點擊圖中的“新建文件”按鈕創建 main.c 和 main.h 這兩個文件,創建成功以后 VSCode 如圖

(4)添加頭文件路徑,按下“Ctrl+Shift+P”打開搜索框,然后輸入“Edit configurations”,選擇“C/C++:Edit configurations…”,如圖
C/C++的配置文件是個 json 文件,名為:c_cpp_properties.json,此文件默認內容如圖

c_cpp_properties.json 中的變量“includePath”用於指定工程中的頭文件路徑
六、VSCode設置
(1)關閉預覽模式
我們在 VScode 上打開一個新文件的話會覆蓋掉以前的文件,這是因為 VSCode 默認開啟了預覽模式,預覽模式下單擊左側的文件就會覆蓋掉當前的打開的文件。如果不想覆蓋的話采用雙擊打開即可,或者設置 VSCode 關閉預覽模式,設置如圖

(2)關閉警告提示, 我們在編寫代碼的時候有時候會在右下角有如圖

這是因為插件 C/C++ Lint 打開了幾個功能,我們將其關閉就可以了,順便也可以學習一下VSCode 插件配置方法,如圖

在 C/C++ Lint 配置界面上找到 CLang:Enable、Cppcheck:Enable、Flexlint:Enable 這個三個,然后取消掉勾選即可,如圖

這樣就不會有警告提示了, 但是關閉 Cppcheck:Enable 以后 VSCode 就不能實時檢查錯誤了,所以需要根據實際情況選擇
(3)顯示空格和TAB符, Ctrl+,快捷鍵,進入設置,搜索框中輸入render,找到下圖中的內容並修改

(4)tab鍵輸入從\t的制表符 轉為4個空格,Ctrl+,快捷鍵,進入設置,搜索框中輸入indentation,找到下圖中的內容並修改

(5)設置通過鼠標滾輪改變字體大小,Ctrl+,快捷鍵,進入設置,找到下圖中的內容

然后在settings.json文件里添加"editor.mouseWheelZoom": true, 即可

六、VSCode快捷鍵
(1)返回光標的上個位置 :
Windows: Alt + ←
Linux: Ctrl + Alt + -
(2)注釋:
雙斜杠注釋(//): Ctrl + /
(/* */)注釋: Alt + Shift + A
(3)查看定義:光標放到函數上
Alt + F12
