VS Code - 插件 - MinGW 開發環境安裝及配置指南

一、下載安裝 VS code

Visual Studio Code 是一款免費開源的現代化輕量級代碼編輯器,支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義快捷鍵、括號匹配和顏色區分、代碼片段、代碼對比 Diff、GIT 命令 等特性,支持插件擴展,並針對網頁開發和雲端應用開發做了優化。

1.1 官網下載

官方下載:https://code.visualstudio.com/download

我們選擇 System Installer 64bit 下載安裝即可。

1.2 安裝中文語言包

1、選擇左側的擴展按鈕或快捷鍵:Ctrl+Shift+X

2、搜索chinese

3、點擊安裝按鈕安裝中文語言包並重啓 VS Code

二、下載安裝及配置 MinGW

2.1 MinGW 是什麼

MinGW,即 Minimalist GNU For Windows。它是一些頭文件和端口庫的集合,該集合允許人們在沒有第三方動態鏈接庫的情況下使用 GCC(GNU Compiler C)產生 Windows32 程序。

實際上 MinGW 並不是一個 C/C++ 編譯器,而是一套 GNU 工具集合。除開 GCC (GNU 編譯器集合) 以外,MinGW 還包含有一些其他的 GNU 程序開發工具 (比如 gawk bison 等等)。

開發 MinGW 是爲了那些不喜歡工作在 Linux(FreeBSD) 操作系統而留在 Windows 的人提供一套符合 GNU 的 GNU 工作環境。

小知識

GNU 計劃,又稱革奴計劃,是由 Richard Stallman 在 1983 年 9 月 27 日公開發起的。它的目標是創建一套完全自由的操作系統。

GNU 計劃中的大部分軟件,都是基於各種系統內核(kernel)的,例如 GNU/Win、GNU/Linux 等等。

現在的很多操作系統發行版都是基於 GNU/Win、GNU/Linux 等開發的。

GNU 是 “GNU is Not Unix” 的遞歸縮寫。Stallman 宣佈 GNU 應當發音爲 Guh-NOO 以避免與 new 這個單詞混淆(注:Gnu 在英文中原意爲非洲牛羚,發音與 new 相同)。UNIX 是一種廣泛使用的商業操作系統的名稱。由於 GNU 將要實現 UNIX 系統的接口標準,因此 GNU 計劃可以分別開發不同的操作系統部件。GNU 計劃採用了部分當時已經可自由使用的軟件,例如 TeX 排版系統和 X Window 視窗系統等。不過 GNU 計劃也開發了大批其他的自由軟件。

2.2 下載及安裝 MinGW

可以選擇在線安裝或者下載離線安裝包,下面分別介紹兩種方式。

1. 下載在線安裝器

優點是可以安裝最新版本的編譯器,缺點是下載速度不穩定,有時可能連接錯誤。

在線安裝器下載地址:https://osdn.net/projects/mingw/

2. 點擊 Install 開始安裝

3. 選擇安裝路徑

安裝路徑可以隨意,但是不要包含空格等特殊符號,如 Program Files 這種路徑是不建議的。一般建議安裝在某個盤符的根目錄下,如:C:\MinGW、D:\MinGW 等。

耐心等待安裝結束,Continue 按鈕可以點擊後點擊 Continue 按鈕繼續。

4.  選擇要安裝的程序包

打開 MinGE Installation Manageer(上述流程結束後默認打開),並勾選 mingw32-base-bin 和 mingw32-gcc-g++-bin,點擊菜單欄 Installation 選項下載安裝,安裝結束後關閉界面。

請耐心等待安裝完成即可進入 環境變量配置 環節

如果長時間等待不成功,可以進入 5. 下載離線安裝包

5. 下載離線安裝包

下載地址:https://sourceforge.net/projects/mingw-w64/files/

往下拖動頁面,最新版的離線安裝包版本爲 MinGW-W64 GCC-8.1.0

下載後解壓縮到指定目錄中即可:

一般建議安裝在某個盤符的根目錄下,如:C:\MinGW、D:\MinGW 等

如果仍然下載不成功,請在線 Q 小師妹:511233374

2.3 配置環境變量

依次右擊計算機(此電腦) -> 屬性 -> 高級系統設置 -> 環境變量 ->Path

將 MinGW/bin 目錄添加到系統環境變量 path 中:

作者的 MinGW 安裝目錄是 d:\mingw810_32,所以 path 設置爲:d:\mingw810_32\bin

win+r 打開命令行,輸入命令:gcc -v 檢查是否安裝成功

三、安裝及配置 VS Code 插件

3.1 安裝 C/C++ 插件

搜索並安裝 C/C++ 擴展包:@id:ms-vscode.cpptools-extension-pack (直接搜索 C/C++ 也可以)

仍然是等待插件安裝完成,注意觀察右下角的彈出提示:正在下載 C/C++ language components (Windows)...

等右下角的提示消失了,說明安裝成功,此時最好重啓 VSCode 讓擴展生效。

3.2 配置編譯器

接下來配置編譯器路徑,按快捷鍵 Ctrl+Shift+P 調出命令面板

或者右鍵選擇:命令面板

輸入 C/C++,選擇 “Edit Configurations(UI)” 進入配置。

1、修改編譯器路徑

可以修改編譯器路徑:(我的機器上的默認路徑是微軟的 cl 編譯器)

選擇合適的編譯器即可 (我機器上的編譯器有些多,大家根據自己機器的配置選擇即可)

2、修改 IntelliSense 模式

3、配置 c_cpp_properties.json 文件

配置完成後,此時在側邊欄可以發現多了一個. vscode 文件夾,並且裏面有一個 c_cpp_properties.json 文件,內容如下,說明上述配置成功。

c_cpp_properties.json 中的內容如下:

5、執行構建任務

配置 tasks.json 完畢後,按下 Ctrl+Shift+B 啓動編譯,編譯成功後在 Workspace 路徑下生成 .exe 文件

如果安裝了搜狗輸入法,則快捷鍵有可能被佔用,大家可以手動修改輸入法顏文字的快捷鍵,這裏不再贅述

也可以在 cpp 文件中右鍵點擊:生成調試和活動文件。

選擇合適的編譯器生成即可

6、調試程序

選擇創建 C++(GDB/LLDB)

選擇第一個即可

.vscode 目錄下會自動生成 launch.json 文件,內容如下:(這裏基本上不用修改)

設置斷點後,在調試窗口開啓調試即可

快捷鍵:

單步跳過 F10

單步調試 F11

單步跳出 Shift + F11

重啓     Ctrl + Shift + F5

繼續 F5

停止 Shift + F5

3.3 安裝及使用 Code Runner 插件

如果只是想執行程序查看運行效果,可以安裝 Code Runner 插件

安裝完畢後點擊右上角的三角形按鈕執行即可在下面的輸出窗口中看到程序執行的結果了

本文由 Readfog 進行 AMP 轉碼,版權歸原作者所有。
來源https://mp.weixin.qq.com/s/JAKfRReF-Et0OzIFZVKvcQ