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

The_ENDs發表於2018-09-19

版權宣告:(╯3╰) 轉載請註明: https://blog.csdn.net/bat67/article/details/81268581

寫在前面:

  • 由於這學期(或者說這一年)一直在忙別的,也沒什麼閒心看部落格了,近期發現自己的這篇文章:整理: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玩一下,看是不是裝好了,當然可以直接進行下面第二步

第二步:配置環境變數

  • 開啟你的codeblocks安裝目錄,我是預設安裝的在C:\Program Files (x86)\CodeBlocks,裡面的MinGW就是安裝的編譯器了,將裡面的bin資料夾加入路徑,我的就是C:\Program Files (x86)\CodeBlocks\MinGW\bin,將這個加入路徑即可。
  • 路徑加入方法:路徑加入方法
  • 我這是找的我最早部落格那張圖,其實我加入的路徑並不是在圖片寫的A盤,而是C:\Program Files (x86)\CodeBlocks
  • 加入後,建議重啟一下電腦

第三步:下載安裝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是\\,與直接貼上過來的路徑不一樣,需要加一個”\”(冒號後面的兩個反斜槓“\\”)
  • 再在資料夾中新建task.json檔案,然後裡面貼上用下面的內容
{
    "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
        }
    }
}
  • 弄好後資料夾裡應該是這樣的:弄好後資料夾裡應該是這樣的
  • 弄到這裡就基本完成了,關於前面兩個檔案的含義,請參照官方文件

第五步:除錯cpp檔案

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

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

相關文章