VS Code的C/C++環境配置的傻瓜式教程(看這一篇就夠了)
寫在前面的話
- 作者在學習使用vscode寫C代碼的時候,根據網上很多參差不齊的教程踩了不少的坑,很多教程在配置完成后總會出現一些普遍性的痛點,所以筆者決定寫一篇傻瓜式的教程,幫助大家快速配置vscode,并成功運行C語言代碼.
- 作者水平有限,如有錯誤,還請斧正
- 本文提到的作者提供文件點擊這里即可下載
- 本文可能能解決的問題:vscode的多文件編譯,vscode的C語言代碼調試,vscode編輯器的設置,vscode的插件推薦
vscode的安裝
vscode本體的下載
點擊進入vscode官網或者在作者提供的鏈接下下載.
下載后安裝即可,安裝流程可參考以下圖片:
直接點擊下載,下載后打開進入安裝
協議同意
修改為你的安裝路徑
這里強調改空格為下劃線(避免一些莫名其妙的問題)
直接下一步
這里把每一個都點上
等待安裝完成即可
vscode相關插件的下載 以及 vscode編輯器的設置
- 方式一:直接導入作者提供的配置文件,一鍵完成配置和設置
![Alt text]()
啟動vscode,如圖點擊后選擇作者提供的文件即可,注意,導入后需要重啟vscode.
另外,漢化插件導入后可能出現未自動漢化,可以點擊拓展刪除Chinese插件重新安裝即可 - 方式二:手動在拓展商店安裝相關插件,并設置相關配置
需要安裝的插件清單如下:
![Alt text]()
![Alt text]()
提示可選的可不選,其他都裝上;
打開vscode,如圖點擊加入settings.json編輯;
![Alt text]()
將以下代碼復制粘貼進去并按ctrl+s鍵保存即可
{
//?系統配置
"debug.onTaskErrors": "debugAnyway",
//調試時忽略異常
"diffEditor.wordWrap": "on",
//視距折行
"editor.cursorBlinking": "smooth",
//光標閃爍
"editor.cursorSmoothCaretAnimation": "on",
//光標動畫
"editor.fontSize": 20,
//字體大小
"editor.guides.bracketPairs": true,
//匹配括號
"editor.mouseWheelZoom": true,
//縮放
"editor.smoothScrolling": true,
//平滑滾動
"editor.suggestSelection": "first",
//建議選擇
"editor.wordWrap": "on",
//視距折行
"editor.rulers":[120],
//設置標尺
"editor.tabSize": 4,
//設置tab縮進
"explorer.confirmDelete": false,
//刪除文件時不詢問
"files.autoGuessEncoding": true,
//自動猜測編碼
"files.autoSave": "afterDelay",
//自動保存
"security.workspace.trust.untrustedFiles": "open",
//信任打開的文件
"terminal.integrated.enableMultiLinePasteWarning": false,
//禁止多行粘貼警告
"terminal.integrated.smoothScrolling": true,
//平滑滾動
"window.dialogStyle": "custom",
//自定義對話框樣式
"workbench.colorTheme": "One Dark Pro",
//主題
"workbench.iconTheme": "material-icon-theme",
//圖標主題
"workbench.list.smoothScrolling": true,
//平滑滾動
//?c語言插件配置
"cmake.configureOnOpen": true,
//在打開文件時配置CMake項目
//?oneDarkPro主題配置
"oneDarkPro.italic": false,
//不使用斜體
//?codesnap插件配置
"codesnap.backgroundColor": "#f2f2f2",
//背景顏色
"codesnap.boxShadow": "5px 5px 60px 0px #888888",
//陰影
"codesnap.containerPadding": "3em",
//容器內邊距
"codesnap.roundedCorners": true,
//圓角
"codesnap.showWindowControls": false,
//顯示窗口控制按鈕
"codesnap.showWindowTitle": false,
//顯示窗口標題
"codesnap.showLineNumbers": true,
//顯示行號
"codesnap.realLineNumbers": false,
//使用真實行號
"codesnap.transparentBackground": false,
//透明背景
"codesnap.target": "container",
//目標
//?codegeex插件配置
"Codegeex.Comment.LanguagePreference": "中文",
//語言偏好
"Codegeex.CompletionDelay": 1,
//完成延遲
"Codegeex.GenerationPreference": "line by line",
//生成偏好
"Codegeex.UseSimilarFileForPrompt": true,
//使用相似文件進行提示
"Codegeex.Privacy": false,
//不使用隱私
"cmake.showOptionsMovedNotification": false,
//不顯示選項已移動的通知
}
C語言編譯器的安裝和環境配置
由于 vscode 本身不帶 C 語言編譯器，我們需要安裝一個支持 C 語言的編譯器來進行代碼的編譯和運行。
常見的選擇包括 MinGW-w64 和 MSYS2,選擇一個即可.
MSYS2是vscode官方推薦的編譯器,但安裝比較復雜。相比之下,MinGW的安裝更加方便,這里選擇哪一個就看個人喜好了.
MinGW64編譯器的安裝和環境配置
從官方網站下載MinGW64安裝包,并直接解壓安裝(推薦在D盤根目錄下).
然后來到安裝的目錄下,找到bin目錄,將該目錄添加到環境變量中.
MYSY2編譯器的安裝和環境配置
不再贅述,有需求可以自行了解,兩者在現階段差別不大.
測試環境變量是否配置成功
"win+r"輸入cmd,打開命令行中輸入gcc,如果出現gcc的版本信息,則說明環境變量配置成功.
(作者使用的是msys,mingw會略有不同,不報錯就行)
建立工作區
(該步驟只建議直接搬運作者鏈接中提供的codeflied文件夾)
下載后把這個文件夾放在一個整個路徑無中文的地方,比如D盤根目錄下.
單文件模版
主要適用于小程序,OJ刷題
該圖為文件夾中的C_OJ目錄,適用于單文件
多文件模版
主要用于小型工程
提供的template為模版,需要新的工程只需要在codefield中創建一個文件夾,然后將template文件夾中的.vscode文件夾復制到該文件夾中即可.
工程源碼置于.vscode文件夾同級目錄下
測試代碼和調試代碼
測試代碼
測試代碼前,請在vscode中用齒輪鍵打開(或ctrl+k ctrl+s),打開鍵盤快捷方式修改
修改完成后即可用修改后的鍵位執行代碼
單文件模版中,編譯產生的exe文件會存放于bin文件夾中
多文件模版中,編譯產生的exe文件會存放于工程文件夾中.
調試代碼
直接打開源碼按快捷鍵f5即可
需要注意的是:調試依賴的gde調試器并不支持中文路徑
如果你需要用中文名來記錄你寫的源碼,調試時請另起一個英文名的源碼文件復制要調試的源碼過去進行調試
(關于vscode的調試功能如何使用,這里不多贅述了)
launch.json配置以及tasks.json配置展示
如果你之前對mingw的安裝并沒有放在D盤根目錄,請修改對應的launch.json中的miDebuggerPath為你的路徑
launch.json配置
{
"version": "0.2.0",
"configurations": [
{ //‘調試(Debug)
"name": "Debug",
"type": "cppdbg",
// cppdbg對應cpptools提供的調試功能；只能是cppdbg
"request": "launch",
//這里program指編譯好的exe可執行文件的路徑,與tasks中要對應
"program": "${workspaceFolder}\\bin\\${fileBasenameNoExtension}.exe", //(單文件調試)
//"program": "${workspaceFolder}\\${workspaceRootFolderName}.exe", //(多文件調試)
"args": [],
"stopAtEntry": false, // 這里改為true作用等同于在main處打斷點
"cwd": "${fileDirname}", // 調試程序時的工作目錄,即為源代碼所在目錄,不用改
"environment": [],
"externalConsole": false, // 改為true時為使用cmd終端,推薦使用vscode內部終端
"internalConsoleOptions": "neverOpen", // 設為true為調試時聚焦調試控制臺,新手用不到
"MIMode": "gdb",
"miDebuggerPath": "D:\\mingw64\\bin\\gdb.exe",
// 指定調試器所在路徑，注意間隔是\\,請修改為你的路徑
// 指定調試器所在路徑，注意間隔是\\,請修改為你的路徑
// 指定調試器所在路徑，注意間隔是\\,請修改為你的路徑
"preLaunchTask": "build" // 調試開始前執行的任務(任務依賴),與tasks.json的label相對應
}
]
}
tasks.json配置
{
"version": "2.0.0",
"tasks": [
{
//這里構建build任務
"label": "build",
"type": "shell",
"command": "gcc",
"args": [
//此處為編譯選項
"${file}",//該(單文件編譯)
//"${workspaceFolder}\\*.c",//(多文件編譯)
"-o",
//承接上述,把源代碼編譯為對應exe文件,
"${workspaceFolder}\\bin\\${fileBasenameNoExtension}.exe",//(單文件編譯)
//"${workspaceFolder}\\${workspaceRootFolderName}.exe",//(多文件編譯)
"-g",
"-Wall",//獲取警告
"-static-libgcc",
"-fexec-charset=GBK",//按GBK編碼
"-std=c11"http://選擇C標準,這里按照你需要的換
],
"group": {
//把該任務放在build組中
"kind": "build",
"isDefault": true
},
"presentation": {
//配置build任務的終端相關
"echo": true,
"reveal": "always",
"focus": false,
"panel": "new"http://為了方便每次都重新開啟一個終端
},
"problemMatcher": "$gcc"
},
{
//這里配置run任務
"label": "run",
"type": "shell",
"dependsOn": "build",
"command": "${workspaceFolder}\\bin\\${fileBasenameNoExtension}.exe",//(單文件編譯)
//"command":"${workspaceFolder}\\${workspaceRootFolderName}.exe",//(多文件編譯)
//這里command與前面build中的編譯輸出對應
"group": {
//這里把run任務放在test組中,方便我們使用快捷鍵來執行程序
//請人為修改"設置","鍵盤快捷方式"中的"運行測試任務"為"你喜歡的鍵位"
//推薦為"ALT+某個字母鍵",使用該鍵來運行程序
"kind": "test",
"isDefault": true
},
"presentation": {
//同理配置終端
"echo": true,
"reveal": "always",
"focus": true,
"panel": "new"
}
}
]
}
題外話的補充
插件中使用的one dark pro主題中注釋的顏色是灰色,但是vscode中默認的灰色是很難區分的,所以需要修改一下,修改方法如下:
- 進入以下路徑C:\Users\你的用戶名.vscode\extensions\zhuangtongfa.material-theme-3.16.2\themes\OneDark-Pro
- 用vscode打開json文件后使用快捷鍵ctrl+f打開搜索
- 搜索 comments 找到以下這段代碼
![Alt text]()
- 修改顏色代碼即可
- 該方法來源于csdn博主伐塵,詳細可參照該貼.
浙公網安備 33010602011771號