編輯器與IDE

?上一篇博客已經介紹過了C++程序的一個編譯流程，從這篇文章開始進行編程的實驗。
?正所謂“工欲善其事，必先利其器”，有很多小白入門時大把的時間都被浪費在配置和安裝開發環境上，因此這篇博客將從易于理解的角度來講講怎么樣配好一個C++的開發環境，目標是一次學習永遠記憶。
?其實寫一個能運行的程序是一個很簡單的事情，如果你用的是windows系統可以直接創建一個擴展名為.cpp的文件，然后用自帶的文本編輯器進行編輯，然后在終端使用g++編譯器對其進行編譯就能得到一個能運行的.exe文件了，因此C++開發環境只需要文本編輯器+編譯器即可完成搭建。
?但事實上，為了更舒服與高效地寫程序，我們還需要許多額外的功能，例如自動補全、語法糾錯、程序調試 等。單個文本編輯器(例如vscode)不具備這樣的功能，因此還需要安裝額外的一些插件來配合使用，這就是這章主要講的內容如何在vscode上安裝與配置好C++開發需要的插件。
?但對于IDE(集成開發環境)來說，這些插件功能與文本編輯器本身已經融為一體，不需要額外的安裝配置，使用起來比vscode輕松簡單很多，常見的IDE有,DevC++、VS、CLion，Eclipse等。但為什么還需要勞心費力地教大家學習使用vscode呢？

1. 首先，vscode全開源，市面上大部分的IDE都需要收費與許可證。
2. 其次，vscode可以在Windows也可以在Linux上使用，一次學習終身有用。
3. 最重要的是vscode支持多種多樣的插件與擴展功能，例如ai代碼補全等，擁有傳統IDE不具備的靈活性。
4. 最后一點就是帥！能顯得自己很專業。

基于vscode的C++開發環境配置

1. 下載vscode、淺嘗編譯。

做這一步前，請先確認你安裝了MinGW編譯環境。
?點擊這個鏈接進入官網進行下載，完成之后進行安裝，這里要注意，安裝路徑不要出現中文！！！。

安裝好后我們打開vscode:

（選做，只看就行）此時界面一片漆黑，還有很多看不懂的外國語。我們先不著急進行漢化，來淺嘗一下vscode作為文本編輯器的功能，新建一個hello_world.cpp文件，并在其中寫入經典開局代碼：

#include<iostream>
int main()
{std::cout << "hello world!\n" <<endl;return 0;
}

明擺著告訴你，上面的代碼里有些問題（自己去發現）。但是在vscode中顯示的效果如下：

?我們可以發現，vscode作為一個文本編輯器，對于編程自帶高亮功能，這表明它其實是專門設計用來編程的一個文本編輯器。并且重要的是，原生的vscode對于錯誤代碼并沒有糾錯能力更不要說自動補全功能了。
?根據前面的知識，我們可以使用終端運行g++編譯器來對上面的代碼進行編譯：
點擊Terminal-->New Terminal在vscode中創建一個終端。

在終端中輸入g++ --version查詢一下編譯器是否存在以及是否好用。如果顯示你沒有安裝編譯器，那么可以自行百度一些MinGW（推薦）或者MSVC的安裝，十分簡單。

輸入g++編譯指令，對代碼進行手工編譯：

g++ hello_world.c -o hell_world

如果你代碼沒改好，那么編譯就會報錯，顯示endl前少了作用域std:: 補上這個部分，運行編譯：

發現不再報錯，同時我們的文件夾下多了一個hello_world.exe文件，輸入：

.\hello_world.exe

執行結果如下，果然輸出了hello_world！語句

番外篇

g++編譯器利用-c選項可以只編譯出.o文件，再通過手工鏈接的方式將.o·文件鏈接為.exe可執行文件。

2. 安裝插件，賦能編程。

點擊最左邊的擴展，搜索擴展插件：

C/C++編程安裝兩個插件即可：

1. Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code(漢化包)
2. C/C++ Extension Pack（這個包包含了C/C++、C\C++Themes、CMake Tools）
   安裝完重啟后，如下圖：
   
   這下我們發現，vscode開始自動糾錯了，并且補全等功能也有了，仿佛似乎它已然成為了一個IDE。并且注意右上角新出現的三角形
   
   點擊后發現有兩個選項：
   
   點擊運行C/C++文件，在隨后的選項框中選擇我們需要的編譯器g++:
   
   ?這樣，我們就可以實現代碼一鍵運行功能了。
   總結：安裝插件后，vscode得以實現自動糾錯、代碼補全、一鍵編譯、一鍵調試等功能。

---

3. 各種json文件的作用。

在Visual Studio Code（VSCode）中，.vs文件夾是一個用于存儲與項目相關的配置和臨時數據的目錄。下面介紹幾個重要的.json文件。

c_cpp_properties.json

這個文件主要用來配置C/C++編輯器的自動補全和索引等功能。按下 F1 調出面板，輸入 C/C++，選擇編輯配置(UI)。
首先找到編譯器路徑選項，將編譯器地址放入：

然后再配置IntelliSense模式，IntelliSense是代碼補全工具，將其設置為與編譯器兼容的格式，例如這里是gcc-x64。

接下來再配置自動補全的包含路徑：包含路徑就是#include文件所在的路徑，這里面默認有了一個workspaceFolder，代表當前目錄下的所有文件，如果使用的庫不在當前的工作目錄下則需要在這里手動添加進去。

一般情況下，標準庫的文件編譯器是會自動去尋找的，但有時候標準庫文件會提示找不到庫，那么就需要在這里手動地把庫頭文件路徑包含進去了。具體查詢方式如下：

g++ -v -x c++ -E -

將后面這幾行粘貼進去（注意去掉前面的空格）。
最后再設置一下C++標準：

然后我們可以發現,.vs文件夾下多了個文件：c_cpp_properties.json

{"configurations": [{"name": "Win32","includePath": ["${workspaceFolder}/**"],"defines": ["_DEBUG","UNICODE","_UNICODE"],"windowsSdkVersion": "10.0.22621.0","cStandard": "c17","cppStandard": "c++17","intelliSenseMode": "windows-gcc-x64","compilerPath": "\"D:\\mingw64\\bin\\g++.exe\""}],"version": 4
}

其實就是把我們在窗口內配置的信息轉成了json代碼。

task.json

當我們選擇了編譯器后（點擊一鍵運行），項目配置文件夾.vs下就會生成一個task.json文件。這個文件的內容如下：

{"tasks": [{"type": "cppbuild", "label": "C/C++: g++.exe 生成活動文件", #任務標簽（名字）"command": "D:\\mingw64\\bin\\g++.exe", "args": ["-fdiagnostics-color=always","-g","${file}","-o","${fileDirname}\\${fileBasenameNoExtension}.exe"],"options": {"cwd": "${fileDirname}"},"problemMatcher": ["$gcc"],"group": { "kind": "build","isDefault": true },"detail": "調試器生成的任務。"}],"version": "2.0.0"
}

task.json文件主要是用來指導編譯過程的，其中很重要的兩條是：

"command": "D:\\mingw64\\bin\\g++.exe" //這條指定了用哪個編譯器。"args": [ //這條指定了編譯指令的參數"-fdiagnostics-color=always","-g", //啟用調試學習"${file}", //源文件名"-o", //輸出文件"${fileDirname}\\${fileBasenameNoExtension}.exe" //輸出文件名]

launch.json

launch.jsons是調試配置文件，位于.vscode隱藏文件夾下。生成調試配置文件launch.json的方法很簡單：打開vscode左邊欄的運行于調試即可創建。

然后選擇使用的調試器即可完成創建：

然后可以選擇一種調試器的模板：

但是，這里我們需要對launch.json模板修改，代碼如下：

{// 使用 IntelliSense 了解相關屬性。 // 懸停以查看現有屬性的描述。// 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"name": "(gdb) 啟動","type": "cppdbg","request": "launch","program": "輸入程序名稱，例如 ${workspaceFolder}/a.exe",//替換成task.json里生成的可執行文件名字"args": [], //傳遞給.exe的參數"stopAtEntry": false,"cwd": "${fileDirname}","environment": [],"externalConsole": false,"MIMode": "gdb","miDebuggerPath": "/path/to/gdb","setupCommands": [{"description": "為 gdb 啟用整齊打印","text": "-enable-pretty-printing","ignoreFailures": true},{"description": "將反匯編風格設置為 Intel","text": "-gdb-set disassembly-flavor intel","ignoreFailures": true}]"preLaunchTask": "C/C++: gcc.exe 生成活動文件" //換成task.json的label名}]
}

各個參數的意義：
基礎參數?

name?
作用?: 調試配置的名稱，顯示在調試啟動下拉列表中。
示例?: “name”: “Python: Current File”
type?
作用?: 指定調試器類型，需與安裝的調試擴展匹配（如 python, node, go, cppdbg）。
示例?: “type”: “python”（使用 Python 擴展調試）
request?
作用?: 定義調試請求類型：
?launch: 啟動新程序進行調試（默認）。
?attach: 附加到已運行的進程。
?示例?: "request": "launch"
program?
作用?: 指定要調試的入口文件路徑（適用于編譯型或腳本語言）。
示例?: "program": "${file}"（調試當前打開的文件）

語言/環境相關參數?

args?
作用?: 傳遞給程序的命令行參數列表。
示例?:
 "args": ["--port", "8080", "--verbose"]
env?
作用?: 設置調試時的環境變量。
示例?:
"env": {"PYTHONPATH": "${workspaceFolder}/src", "DEBUG_MODE": "true"}
cwd?
作用?: 指定調試器的工作目錄（程序運行的根路徑）。
示例?: “cwd”: “${workspaceFolder}/bin”

高級調試配置?

preLaunchTask?
作用?: 調試前自動執行的任務（需在 tasks.json 中定義）。
任務名要和tasks.json里面的"label"值對應一致
console?
作用?: 控制調試控制臺類型：
internalConsole: VSCode 內置終端（默認）。
integratedTerminal: 使用 VSCode 集成終端。
externalTerminal: 打開外部系統終端。
示例?: “console”: “integratedTerminal”
stopOnEntry?
作用?: 是否在程序入口處自動暫停（用于逐行調試）。
示例?: “stopOnEntry”: true

幾個注意的點就是：

1. program，改成與task.json中一致的
2. preLaunchTask改成task.json的label值
   配置完成后即可開始程序的調試，例如打斷點，查看變量等。

總結&&彩蛋

?本篇文章目的在于走通流程，具體的內容例如json文件怎么寫，各個參數具體的含義還需要大家自己去查更多的資料。最后，留給大家一個彩蛋，這其實是一個vscode一鍵配置的程序，具體使用如視頻所示。我看了一下，真的確實很方便，希望能帶給大家幫助吧！