vscode配置C/C++運(yùn)行環(huán)境的步驟(超級(jí)詳細(xì))

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