vscode安裝c++指南(可debug版)

vscode安裝c++指南(可debug版)

鯊魚Y.Y Lv2

前言

之前安裝了用 MinGW 下載的方式但是我發現這個方法有一些缺點,一來是版本舊,二來網路上安裝的方式太多元了導致許多人東學學西學學把自己的環應都搞爛了,所以我在這裡提供一個發法讓操作更簡單。
我是在網路上看到一篇教學教的非常好:
https://blog.yangjerry.tw/2021/09/26/vscode-cpp-2021-part2/#%E8%A8%AD%E5%AE%9A-Build-%E5%B7%A5%E4%BD%9C
https://blog.yangjerry.tw/2021/09/24/vscode-cpp-2021-part1/#%E5%89%8D%E8%A8%80
這篇是我精簡後的版本

操作

1. 首先先下載 VScode 官網傳送門

image

image

image

image

之後打開 VScode,並照著只是安裝下面這幾個東西

image

注意 安裝完中文套件後記得重啟 VS code 通常右下角會顯示

image

image

image

2. 安裝 TDM-GCC 官網傳送門

螢幕擷取畫面 2024-03-31 220302

安裝後打開它會有 Creat (新增)、Manage (管理)、Remove (移除),按新增

如果以後要移除很方便直接 Remove 結束

螢幕擷取畫面 2024-03-31 221016

選擇下面那個

螢幕擷取畫面 2024-03-31 221345

持續下一步,然後 install

螢幕擷取畫面 2024-03-31 221556

Win+R 打上 cmd 開啟命令提示字元視窗,打上 (gcc -v) 如果出現以下字符代表安裝成功了。

螢幕擷取畫面 2024-03-31 221802

因為我們要加上 debugger 所以要在 C 曹或是無中文路徑的地方開一個資料夾給 C++ 存放偵錯 json 檔。

一定要無中文的路徑喔要不然之後執行 GDB 會報錯

3. 開始 Vscode 設定

打開 Vscode

螢幕擷取畫面 2024-03-31 222421

開啟你設立的資料夾

螢幕擷取畫面 2024-03-31 222630

開啟後按下 control+shift+P 載上方輸入 (c/c++ Edit) 按編輯組態

螢幕擷取畫面 2024-03-31 222844

照著圖片操作

螢幕擷取畫面 2024-03-31 223151

之後往下滑找到 IntelliSense 模式改成 windows-msvc-x64

螢幕擷取畫面 2024-03-31 223437

往下滑這裡照圖片改

螢幕擷取畫面 2024-03-31 223610

螢幕擷取畫面 2024-03-31 223735

之後新增一個檔案,檔名 settings.json 之後在裡面打上

1
2
3
4
5
6
7
8
9
10
11
{
"code-runner.ignoreSelection": true,
"code-runner.executorMap": {
"cpp": "cd $dir & g++ -Wall -Wextra -O2 -std=c++14 \"$fileName\" -o \"$fileNameWithoutExt\" & $dir\"$fileNameWithoutExt\""
},
"code-runner.preserveFocus": false,
"code-runner.clearPreviousOutput": true,
"code-runner.runInTerminal": true,
"code-runner.saveFileBeforeRun": true,
"terminal.integrated.defaultProfile.windows": "Command Prompt",
}

螢幕擷取畫面 2024-03-31 224411

寫一個 C++ 程式並執行產生一個執行檔

螢幕擷取畫面 2024-03-31 224933

如果執行不能輸入或結果跑到 (輸出區) 先做以下動作

image

往下滑找到這兩個選項將其打勾就可以載終端機執行了

image

4. 可以執行後開始設定 debugger

照著下面步驟執行會產生出一個 task.json

螢幕擷取畫面 2024-03-31 225328

螢幕擷取畫面 2024-03-31 225635

螢幕擷取畫面 2024-03-31 225924

繼續完成以下步驟產生 launch.json

螢幕擷取畫面 2024-03-31 230054

出現下圖圖示狀態點 GDB

螢幕擷取畫面 2024-03-31 230317

我的很奇怪開啟是空的但有些人打開會有東西

螢幕擷取畫面 2024-03-31 230317

請輸入我提供的程式碼

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
// 使用 IntelliSense 以得知可用的屬性。
// 暫留以檢視現有屬性的描述。
// 如需詳細資訊,請瀏覽: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "g++.exe - 建置及偵錯使用中的檔案",
"type": "cppdbg",
"request": "launch",
"program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
"args": [],
"stopAtEntry": false,
"cwd": "C:/TDM-GCC-64/bin", //bin的位置(路徑應該跟我一樣)
"environment": [],
"externalConsole": false,
"MIMode": "gdb",
"miDebuggerPath": "C:\\TDM-GCC-64\\gdb64\\bin\\gdb.exe", //Gdb位置(路徑應該跟我一樣)
"setupCommands": [
{
"description": "啟用 gdb 的美化顯示",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
"preLaunchTask": "g++.exe - 建置及偵錯使用中的檔案"
}

]
}

螢幕擷取畫面 2024-03-31 231013

開除錯

螢幕擷取畫面 2024-03-31 231013

按 C/C++: g++.exe 建置使用中檔案

螢幕擷取畫面 2024-03-31 231755

按剛剛建的 c++ 檔案

螢幕擷取畫面 2024-03-31 231919

在第七行先增段點

螢幕擷取畫面 2024-03-31 232633

按 F5 或是圖片上的偵錯紐

image

如果出現了一堆字你看不懂就重開
如果出現以下畫面就成功

image

中間上面第三個按鈕可以逐步執行

image

5. 恭喜成功了

  • 標題: vscode安裝c++指南(可debug版)
  • 作者: 鯊魚Y.Y
  • 撰寫于 : 2024-08-18 00:00:00
  • 更新于 : 2025-03-26 19:59:01
  • 連結: https://sharkyy.netlify.app/post/vscode安裝/
  • 版權宣告: 本作品采用 CC BY-NC-SA 4.0 进行许可。
留言
留言
  • 最新
  • 最早
  • 熱門
Powered by Waline v3.2.2