vscode配置C/C++運行環(huán)境的步驟(超級詳細)

準(zhǔn)備工作
在 Vscode 里配置C/C++運行環(huán)境,首先,需要下載 C/C++ 的開發(fā)環(huán)境,然后將 C/C++ 的開發(fā)環(huán)境添加至系統(tǒng)變量中。
第一步 下載vscode
VsCode大家應(yīng)該都會下,這里就不提供VsCode的下載與安裝教程了
具體的可以查看這篇文章 http://www.dbjr.com.cn/softjc/860164.html
第二步 下載mingw
這里采用mingw作為 C/C++ 開發(fā)環(huán)境,官網(wǎng)鏈接如下
官網(wǎng)鏈接:MinGW官網(wǎng)
下載完成后我們會得到這樣一個安裝程序
雙擊打開
然后我們找到mingw的安裝文件夾
依次輸入
mingw-get install gcc
mingw-get install g++
mingw-get install gdb
然后mingw就下載完成了
第三步 將mingw添加至系統(tǒng)變量中
這一步就是告訴電腦,可以在哪個文件夾里找到 C/C++ 的運行環(huán)境
這樣我們的系統(tǒng)環(huán)境就配置完成了
我們可以來檢驗一下是否配置正確
按住 win + r 打開以下界面
輸入 cmd, 然后點確定
依次輸入
gcc -v
g++ -v
gdb -v
看看是否顯示正常結(jié)果
結(jié)果正常顯示就表示系統(tǒng)環(huán)境配置正確,這時候建議重啟一下電腦(當(dāng)然也可以不重啟)
第四步 打開VsCode安裝一下必要的插件
我們的vscode配置 C/C++ 的準(zhǔn)備工作就完成了
正式開始配置 第一步 新建個存放C/C++文件的文件夾,并新建個cpp文件
我們在vscode中打開那個文件夾
然后我們就可以開始配置環(huán)境了,配置的環(huán)境只適用于這個大文件夾內(nèi)
第二步 (1)簡單的環(huán)境配置方法 - run code調(diào)試
這個方法需要用到一個插件, run code,我們打開擴展商店安裝一下run code插件
安裝完成了后,我們會發(fā)現(xiàn)右鍵多了個run code
直接點run code就能夠編譯運行程序了,當(dāng)然,這樣只能得到輸出結(jié)果,而不能直接在vscode中向程序中輸入內(nèi)容,所以我們還需要一些設(shè)置來調(diào)整一下run code,我們按 ctrl + ,進入設(shè)置(,是一個按鍵,在M鍵旁邊)
重啟一下vscode,這樣我們就可以在vscode中向程序輸入內(nèi)容了
問題1:run code執(zhí)行代碼出現(xiàn)gcc(或g++) :error; no such file or directory的錯誤 原因分析
這個錯誤可能是編譯命令執(zhí)行前沒有進入指定的文件夾前導(dǎo)致的,所以我們加一個cd 目標(biāo)文件夾路徑即可
解決辦法 第一步 打開code runner擴展設(shè)置
第二步 進入指令設(shè)置界面
第三步 修改編譯指令
"c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
第二步 (2)復(fù)雜的環(huán)境配置方法 - gdb調(diào)試
當(dāng)然,不借助run code的方法我們也有,而且,我個人更推薦這種環(huán)境配置方法。
第一步 配置編譯器環(huán)境
我們按住 ctrl + shift + p
我們配置一下編譯器路徑
然后關(guān)閉這個界面,我們會發(fā)現(xiàn)CppProject文件夾中多了一個.vscode文件夾
第二步 配置task編譯任務(wù)
同樣,我們按住 ctrl + shift + p
此時我們會發(fā)現(xiàn).vscode文件夾中多了tasks.json
簡單地介紹一下tasks.json中需要注意的內(nèi)容
第三步 配置launch調(diào)試任務(wù)
因為C/C++插件不會自動生成launch.json,因此launch.json需要我們自己編寫,在.vscode文件夾內(nèi)新建一個launch.json文件
我們會發(fā)現(xiàn),這里有個添加配置
我們點添加配置,選擇gdb啟動
我們需要修改3個地方
第一處
第二處
第三處
保存,重啟一下編輯器,我們就可以按F5調(diào)試程序了
注意:任何文件做出更改后都需要保存,新內(nèi)容才會生效,我們可以按 ctrl + s 快速保存文件
一些問題 問題1
問:為什么按F5后出現(xiàn)這個報錯信息,沒有輸出結(jié)果
答:這并不是報錯信息,而是編譯調(diào)試命令,輸出的結(jié)果在調(diào)試控制臺中顯示。
進階 設(shè)置成經(jīng)典的彈出黑窗運行程序的形式(在系統(tǒng)終端中運行程序)
有的小伙伴可能覺得調(diào)試控制臺不太好用,想要vscode編譯運行c/c++程序時彈出終端,在終端中運行程序,這點其實也很簡單,我們只需要改變launch.json中的 program 和 args 中的內(nèi)容,然后設(shè)置一下黑窗彈出即可。
我的program 和 args 中的內(nèi)容:
"program": "C:\\Windows\\System32\\cmd.exe", "args": [ "/c", "${fileDirname}\\build\\${fileBasenameNoExtension}.exe", "&", "pause" ],
完成后的效果
進階 設(shè)置在vscode內(nèi)置終端中執(zhí)行程序
有的小伙伴既不想用run code等插件,又想要在vscode內(nèi)置終端中運行程序,這種方法我們當(dāng)然也有!
我們只需要改變launch.json中的內(nèi)容即可。(因為gdb調(diào)試不能在vscode內(nèi)置終端中執(zhí)行,所以我們得選擇window啟動調(diào)試任務(wù))
先把configurations中的內(nèi)容注釋掉(因為后面配置過程中需要用到之前的一些內(nèi)容),全選configurations中的內(nèi)容,按下快捷鍵ctrl + / 即可快速注釋選中內(nèi)容,
然后我們點擊添加配置,選擇windows啟動,我們就會得到這樣的一些內(nèi)容:
program, args中的內(nèi)容改成和原來的program,args中的內(nèi)容一樣,我們直接復(fù)制粘貼過來即可(這個內(nèi)容不需要和我的一樣,我只是給個示范)
同樣的我們需要調(diào)試前調(diào)用編譯任務(wù)生成文件
然后我們只需要改變console中的內(nèi)容即可控制是在系統(tǒng)終端中運行程序還是在vscode終端中運行程序
該項值為 externalTerminal 則是在系統(tǒng)終端中運行程序
該項值為 integratedTerminal 則是在vscode終端中運行程序
我們把該項值改為 integratedTerminal 即可在vscode終端中運行程序
最終效果:
全篇結(jié)束,感謝閱讀!如果有任何疑問可以評論區(qū)留言!
相關(guān)文章
WebStorm如何調(diào)試Vue項目? webstorm配置vue開發(fā)環(huán)境指南
WebStorm 支持多種調(diào)試工具,包括瀏覽器的開發(fā)者工具,但本文主要講解的是使用 WebStorm 自帶的調(diào)試功能2025-04-15VSCode和webstorm怎么設(shè)置綠色護眼背景? 綠豆沙背景色的設(shè)置方法
護眼色一定程度能保護眼睛,緩解疲勞,VSCode和webstorm這兩款常用的軟件怎么設(shè)置護眼色呢?詳細請看下文介紹2025-04-15- WebStorm本身已經(jīng)足夠強大,但一些優(yōu)秀的插件能錦上添花,顯著提升開發(fā)效率,詳細請看下文介紹2025-04-15
如何安裝配置WebStorm? WebStorm安裝與使用全方位指南
WebStorm軟件在前端和后端開發(fā)領(lǐng)域都備受青睞,很多朋友不知道該怎么下載安裝,下面我們就來看看詳細的安裝配置教程2025-04-15Webstorm怎么配置? Webstorm入門之軟件配置教程
WebStorm是一款功能強大的集成開發(fā)環(huán)境(IDE),支持各種前端開發(fā)技術(shù),今天我們就來看看Webstorm的配置教程2025-04-15Webstorm怎么設(shè)置字體大小/背景顏色/背景圖片?
WebStorm 允許您自定義界面顏色,以創(chuàng)建更個性化和美觀的工作空間,今天我們就來看看Webstorm改變字體大小、背景顏色、設(shè)置背景圖片的方法2025-04-15- VScode上安裝PlatformIO插件能成功安裝,嘗試卸載VScode并刪除插件,這些錯誤仍然存在,下面我們就來看看這個問題的解決辦法2025-04-03
提升代碼搜索效率! VSCode里DeepSeek插件安裝與配置指南
今天我們將向大家介紹如何在Visual Studio Code中安裝并配置 DeepSeek 插件,幫助你更高效地進行代碼搜索2025-04-07- VSCode是一款免費且開源的代碼編輯器,因其強大的功能和良好的用戶體驗而廣受歡迎,本文將詳細介紹 VSCode 的基本使用方法,并通過插圖幫助你更好地理解2025-04-03
- 今天我們來聊聊如何安裝和配置VS Code,讓它成為你編程路上的得力助手,這個過程其實很簡單,只要跟著我的步驟走,你絕對能搞定2025-04-03