1. 程式人生 > 程式設計 >Visual Studio Code (vscode) 配置C、C++環境/編寫執行C、C++的教程詳解(Windows)【真正的小白版】

Visual Studio Code (vscode) 配置C、C++環境/編寫執行C、C++的教程詳解(Windows)【真正的小白版】

寫在前面的前面:這篇文章vscode和cpp外掛版本有點老了,僅供大家參考,最新的和最詳細的更新見我的另一篇文章:

https://www.jb51.net/article/183154.htm

寫在前面:

  • 由於這學期(或者說這一年)一直在忙別的,也沒什麼閒心看部落格了,近期發現自己的這篇文章:整理:Visual Studio Code (vscode) 配置C、C++環境/編寫執行C、C++(Windows)竟然有了好多訪問,也有不少童鞋問各種問題,非常感謝大家的支援,本來是自己整理的沒想到有這麼多人看hhh,正好近期自己換了檯筆記本,就照著自己寫過的VScode的教程自己搭建了一遍,發現其實過程也是很簡單的,原來的那篇文章,裡面有些東西也是沒什麼必要的(有可能是VS code和相應的cpp外掛更新的緣故吧),所以再寫一個小白搭建版本。
  • 注意的是,主要步驟還是我上面的那篇部落格寫的那些,就是下面的方法更不易出錯,比較穩妥和方便,適合小白(比如我)

第一步:下載codeblocks最新版

其實沒什麼必要,主要是要這個編譯器,單獨下載安裝編譯器(就像我的前面那篇文章寫的)容易出現各種問題。不過感覺codeblocks還算不錯啦,對於不寫什麼大型專案的菜雞的我來說已經夠用了,相比而言,“宇宙第一IDE visual studio”就有些臃腫,目前codeblocks這個版本是最新的,下載網址

網頁截圖,目前17.12版本是最新的

對於不知道自己電腦裡是不是有編輯器的童鞋來說,就下載codeblocks-17.12mingw-setup.exe就ok,就是上邊截圖裡的從上往下數第四個,從下往上數第三個。點進去下載安裝就行了,因為我已經裝好了,就不再演示一遍了,就放一張下載的截圖吧

下載介面

codeblocks安裝在win10截圖

裝好後就有了codeblocks和mingw編譯器了,可以開啟codeblocks新建一個專案寫個hello world玩一下,看是不是裝好了,當然可以直接進行下面第二步補一句,當然下載Dev-cpp也是可以的,道理都類似,用其中的編譯器,不過聽說這個軟體已經停止維護了(聽說),而且自己沒怎麼用過(補全功能等太差),我知道這個軟體唯一的優點就是可以直接編譯執行單個cpp/c檔案,而不用像codeblocks或者VS那樣建立一個工程。看個人喜好啦~第二步:配置環境變數開啟你的codeblocks安裝目錄,我是預設安裝的在C:\Program Files (x86)\CodeBlocks,裡面的MinGW就是安裝的編譯器了,將裡面的bin資料夾加入路徑,我的就是C:\Program Files (x86)\CodeBlocks\MinGW\bin

,將這個加入路徑即可。路徑加入方法:

路徑加入方法

我這是找的我最早部落格那張圖,其實我加入的路徑並不是在圖片寫的A盤,而是C:\Program Files (x86)\CodeBlocks\MinGW\bin,如下圖:

環境變數配置

加入後,建議重啟一下電腦第三步:下載安裝VSCode(已經裝好了請跳到第四步)vscode請到官網下載最新版

vscode官網

點選Download for windows

這是目前的最新版1.25.1

自行選擇位置安裝,注意安裝時,把裡面的兩項好像叫註冊到資源管理器什麼的(記不太清了),建議選上。這樣選上後安裝是右鍵就有Open with Code選項了更新:上面說的就是下面這兩個選項

在這裡插入圖片描述

第四步:安裝VSCode cpp相關的外掛外掛是這個

cpp外掛

這樣安裝:

安裝過程

具體就是開啟vscode,選擇最左邊的5個按鈕的最下面一個拓展(或者按ctrl+shift+x )然後在搜尋框內輸入C++ 第一個就是,點選安裝即可稍等一會就安裝完畢第五步:配置.vscode檔案在桌面或者哪個位置新建資料夾和裡面新建一個cpp檔案(強烈建議路徑和檔名全是英文,避免出現一些奇奇怪怪的問題,原來的版本有中文是不行的,新版本我沒有試過,小白不建議嘗試),我是在桌面建了一個test資料夾,然後在裡面建立了一個main.cpp的檔案

test資料夾和main.cpp檔案

右鍵點選桌面的資料夾,點選Open with Code,在這個資料夾裡開啟vscode,注意,是用VScode開啟資料夾,開啟一個單獨的cpp是不行的!!也就是說,這個cpp要在一個資料夾裡!不像Dev-Cpp和C-Free可以直接除錯一個單獨的cpp!!要是右鍵沒有Open with Code這個選項,那就是前面我說的那個選項沒有選上,可以考慮重新覆蓋安裝一遍,選上那兩個選項,或者在cmd/powershell裡開啟資料夾,輸入code .同樣道理(注意有一個點最後)這時候顯示的應該是下面這個圖:

用VScode開啟test資料夾

雙擊main.cpp隨便寫的什麼,比如我寫一個hello world。

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

寫完後,點選右側 左側(感謝評論區指正)倒數第二個,

帶著紅點的齒輪

點選那個帶著紅點的齒輪,選擇C++(GDB/LLDB)

帶著紅點的齒輪選擇C++ GDB/LLDB

然後會在工作目錄下的生成一個launch.json的啟動配置檔案:

launch.json的啟動配置檔案

將這個launch.json用下面的替換:

{
 "version": "0.2.0","configurations": [
 {
 "name": "(gdb) Launch",// 配置名稱,將會在啟動配置的下拉選單中顯示
 "type": "cppdbg",// 配置型別,這裡只能為cppdbg
 "request": "launch",// 請求配置型別,可以為launch(啟動)或attach(附加)
 "program": "${workspaceRoot}/${fileBasenameNoExtension}.exe",// 將要進行除錯的程式的路徑
 "args": [],// 程式除錯時傳遞給程式的命令列引數,一般設為空即可
 "stopAtEntry": false,// 設為true時程式將暫停在程式入口處,一般設定為false
 "cwd": "${workspaceRoot}",// 除錯程式時的工作目錄,一般為${workspaceRoot}即程式碼所在目錄
 "environment": [],"externalConsole": true,// 除錯時是否顯示控制檯視窗,一般設定為true顯示控制檯
 "MIMode": "gdb","miDebuggerPath": "C:/Program Files (x86)/CodeBlocks/MinGW/bin/gdb32.exe",// miDebugger的路徑,注意這裡要與MinGw的路徑對應
 "preLaunchTask": "g++",// 除錯會話開始前執行的任務,一般為編譯程式,c++為g++,c為gcc
 "setupCommands": [
 {
 "description": "Enable pretty-printing for gdb","text": "-enable-pretty-printing","ignoreFailures": true
 }
 ]
 }
 ]
}
  • 注意miDebuggerPath這一項要確保和你安裝的路徑一致。如果和我一樣都是預設安裝的那就可以不用改,原封不動複製即可。不過最好需要注意一下miDebuggerPath這一項中,你的安裝路徑最後到底是gdb32.exe還是gdb.exe。我的是gdb32.exe,視情況更改。
  • 注意miDebuggerPath是\\,與直接貼上過來的路徑不一樣,需要加一個”\”(冒號後面的兩個反斜槓“\\”)【注意在這時候不要點選F5執行,原來這篇文章裡說的按F5只是為了生成tasks.json,由於版本變化(新版的在此時執行會出現could not find the task 'g++'),我建議直接在.vscode資料夾中新建tasks.json
  • 再在資料夾中新建tasks.json檔案(注意有個s,謝評論區指正,下面的圖片是一定正確的),然後裡面貼上用下面的內容
{
 "version": "0.1.0","command": "g++","args": ["-g","${file}","-o","${fileBasenameNoExtension}.exe"],// 編譯命令引數
 "problemMatcher": {
 "owner": "cpp","fileLocation": ["relative","${workspaceRoot}"],"pattern": {
 "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$","file": 1,"line": 2,"column": 3,"severity": 4,"message": 5
 }
 }
}

弄好後文件夾裡應該是這樣的:

弄好後文件夾裡應該是這樣的

弄到這裡就基本完成了,關於前面兩個檔案的含義,請參照官方文件

這裡補一句,這個文章下面有一位朋友的問題:

樓主我想把exe生成到程式碼所在的資料夾下 那個tasks和launch怎麼設定 我直接改地址除錯的時候會有1的報錯 希望樓主能幫下忙 我不懂怎麼配置

回答:

launch.json中program改成:
"program": "${fileDirname}/${fileBasenameNoExtension}.exe",
task.json中args改成:
"args": ["-g","${fileDirname}/${fileBasenameNoExtension}.exe"],

具體那些替換變數的意思見下面兩篇文章~:
https://www.jb51.net/article/183162.htm
https://www.jb51.net/article/183164.htm

第五步:除錯cpp檔案

因為vscode不像IDE(比如codeblocks,VS等)在除錯的時候黑框下面有點選任意鍵返回,所以需要我們手動加一個斷點,或者程式最後加一個getchar();,或者加system("pause");等(注意是雙引號,感謝評論區指正,system(‘pause');不行,因為有語法錯誤),切換至test.cpp,我在return 0;處加個斷點,點選右側 左側倒數第二個按鈕,然後點左側面板的小綠色三角(或者安快捷鍵F5),既可以開始除錯

除錯介面

第六步:成功,撒花★,°:.☆( ̄▽ ̄)/$:.°★

更詳細的請參考我最早寫的那篇配置C、C++環境的部落格

執行起來後,更詳細的或者具體的,比如json檔案的作用,條件斷點等就可以自行研究了

總結

到此這篇關於Visual Studio Code (vscode) 配置C、C++環境/編寫執行C、C++的教程詳解(Windows)【真正的小白版】的文章就介紹到這了,更多相關Visual Studio Code 配置編寫執行C、C++環境內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!