vscode C++開發環境配置教程(教你如何用vscode寫C++)

 

Update:

　　2020.6.26

　　大家在安裝TDM-GCC別忘了勾選gbd64文件，感謝這位朋友提出的錯誤

　　

　　鏈接已更新

　　個人郵箱：[e-mail]，有問題請私信我，最好附上截圖。

　　　用了一段時間的cb，Devc++，但一直感覺cb的高亮太差，而Devc++使用體驗差（尤其是代碼補全功能），換過vs2017，但是由於其太大了，卡頓十分明顯，所以最終選擇了vscode這款輕量級編譯器。由於自己在配置c++開發環境時遇到了不少問題，因此特地寫了這篇博文，希望能夠幫助后來者快速實現c++環境配置。

步驟一：下載vscode

直接進入vscode官網下載即可，要注意選擇與自己系統符合的版本。

官網地址：https://code.visualstudio.com/?wt.mc_id=DX_841432

進入官網，會出現下面這個界面

下載完成后，按照默認安裝即可

打開vscode

點擊左側欄第五個，在搜索框中輸入"chinese"，安裝第一個插件（漢化），然后輸入"c++"，也安裝第一個插件，然后重啟，繼續進行下一步操作。

 

步驟二：下載編譯環境

在這里博主用的是TDM-GCC

大家可以百度官網下載或者下面的使用百度網盤鏈接下載

鏈接：https://pan.baidu.com/s/1cR1VkOnkitFUtwznm2N6oQ
提取碼：bwez

下載完成后按照默認安裝即可，但要記住TDM-GCC的安裝路徑，在接下來要用到。

步驟三：配置環境變量

在TDM-GCC安裝完成后，我們需要將它的路徑加入到系統的環境變量里

操作如下：

1.打開系統的控制面板，然后在紅圈里搜索“高級設置”。

2.點擊高級系統設置

3.點擊環境變量配置

4.在系統變量中點擊“path"，然后點擊編輯，將上面的路徑加入即可。

格式形如C:\TDM-GCC-64\bin。

步驟四：配置vscode里的環境

 

　　　　在vscode中打開文件夾->創建新的文件夾->選中，這樣就直接加入到vscode中了；或者直接把一個文件拖入vscode中。接着，在這個文件下創建一個.vscode文件夾（注意名字一定是.vscode），這是必須的（一般來說，每個文件夾中都會有這么一個.vscode配置文件）。注意：將此文件夾放在常用文件夾頂層，就不需要重復配置了。在.vscode文件夾中，新建兩個（只需兩個）配置文件，即launch.json、tasks.json。將下列內容復制進去即可：

　　tasks.json

{
    "version": "2.0.0",
    "tasks": [{
            "label": "g++",
            "command": "g++",
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}/${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
                }
            },
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

 

launch.json：一定要注意

miDebuggerPath 這一條，要與你TDM-GCC安裝路徑一致，注意在路徑中 '\'要替換為'\\',就像下面一樣。

{
    "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:\\TDM-GCC-64\\bin\\gdb64.exe",// miDebugger的路徑，注意這里要與MinGw的路徑對應
            "preLaunchTask": "g++",    // 調試會話開始前執行的任務，一般為編譯程序，c++為g++, c為gcc
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

步驟五：編寫第一個C++程序

在配置完成后

建立一個main.cpp文件

粘貼以下代碼

#include <iostream>
using namespace std;
int main()
{
    cout << "Hello Vscode" << endl;
    return 0;
}

 

界面應該會變成這樣

 

 因為vscode在執行完程序后會退出，所以可以選擇增加一個斷點或者加一句getchar();

接下來，Ctrl+F5 運行

本文結束，如有疑問，歡迎在評論區留言。