1.VScode是什么？

Visual Studio Code 簡稱 VS Code，是一款跨平臺的、免費且開源的現(xiàn)代輕量級代碼編輯器，支持幾乎主流開發(fā)語言的語法高亮、智能代碼補全、自定義快捷鍵、括號匹配和顏色區(qū)分、代碼片段提示、代碼對比等特性，也擁有對git的開箱即用的支持。同時，它還支持插件擴展，通過豐富的插件，用戶能獲得更多高效的功能。

所謂的跨平臺指的是可以在多種環(huán)境下都可以使用：

2.VScode的下載和安裝 

2.1下載和安裝 下載：

下載地址：https://code.visualstudio.com/download  或者  點擊這里下載

根據(jù)自己的需要進行下載即可。

安裝：

雙擊安裝包，選擇合適的目錄

2.2環(huán)境的介紹

環(huán)境介紹：

安裝中文版插件 ：

 畢竟這個VScode 默認是英文的，如果使用不習慣的話，可以安裝中文插件，將VSCode的界面漢化的，在左邊的側(cè)邊欄中點擊插件，就可以搜索: Chinese，顯示的第一個插件就是漢化包，直接安裝即可。

 點擊Install下載插件，安裝完漢化包后，立馬就在右下角提示，如下窗口，點擊藍色文字，會自動重啟VSCode，即可漢化使用，非常方便。

 漢化之后的界面：

3.VScode配置C/C++開發(fā)環(huán)境

 VSCode畢竟是一個高級的編輯器，只能用來寫C/C++代碼，不能直接編譯代碼。所以，如果我們要能使用VSCode搭建C/C++的編譯和調(diào)試環(huán)境，還必須有編譯器使用。為了方便，我們就使用 MinGW-w64，MinGW-W64 是移植到Windows平臺的一個gcc編譯器，使用起來也是非常方便的。下面我們就演示怎么下載和配置MinGw-w64。

3.1下載和配置MinGW-w64 編譯器套件 

下載：

下載地址：https://sourceforge.net/projects/mingw-w64/files/mingw-w64/mingw-w64-release/

要注意，進入網(wǎng)站不要直接點擊下載，往下面拉，找到下圖所對應(yīng)的位置：

 直接點擊，就會自動進行下載，下載完成之后會得到這樣的一個壓縮包：

 如果你和我一樣使用的是360壓縮軟件，就可以得到這樣的壓縮包，如果使用的是別的壓縮軟件，得到的壓縮包可能有所差異，但是名字都是一樣的。

然后解壓縮，這里要注意，需要將解壓縮之后的mingw放在一個容易管理的路徑下，以便使用，比如放在C/D盤的根目錄下面。

 解壓之后就得到了這樣的一個文件，然后點擊進入，里面有一個mingw64的文件，這就是我們所下載的編譯套件，然后將他拷貝一份，直接放在C/D盤的根目錄下面。

 此時mingw64的編譯器路徑就是：D:\mingw64

配置Mingw64：

在windows電腦上，按win+s快捷鍵，或者直接在在搜索框中搜: 環(huán)境變量，就能看到:

 然后點擊，進去之后找到環(huán)境變量，然后在下面的系統(tǒng)變量中找到Path：

 然后點擊進入Path：點擊新建，然后將mingw64中的bin文件的路徑拷貝進去，然后依次點擊確定

 需要將我們打開的三個窗口都點擊確定即可配置完成??！

在操作完之后，我們最好驗證一下：
在windows電腦上打開cmd窗口，輸入: gcc -version 或者 where gcc ,要是能看到下面的界面，就說明MinGW-w64的編譯器套件已經(jīng)配置好了。

 如果輸入命令之后出現(xiàn)這個界面那么證明已經(jīng)配置成功。

3.2安裝C/C++插件

要在VSCode上編譯代碼，還得配置C/C++插件，再次在VSCode的插件中搜索: C/C++，點擊安裝。

3.3重啟VScode

重啟VScode是為了讓我們之前的配置都生效，以便在后面的使用過程中不會出現(xiàn)錯誤

4.在VSCode上編寫C語言代碼并編譯成功  

4.1打開文件夾

在VSCode上寫代碼都是首先要打開文件夾的，這樣也方便管理代碼和編譯器產(chǎn)生的可執(zhí)行程序，和VSCode生成的配置文件等。
在寫代碼前，我們想清楚想把代碼放在什么地方管理，比如: 在D盤下，我創(chuàng)建一個code的文件夾，我希望以后我寫的代碼都管理在code目錄下，然后每天寫的代碼我再使用一個文件夾管理，比如: test_4_9，如下圖:

然后我們需要在VScode中添加這個文件夾，打開VScode左邊的文件資源管理器，然后點擊打開文件夾，將我們創(chuàng)建好的文件添加進去：

 然后勾選信任，進行下一步：

 打開成功之后發(fā)現(xiàn)VScode里面顯示的都是大寫字母：

4.2新建C語言文件、編寫C語言代碼 

 創(chuàng)建C語言文件：

 然后我們就可以編寫C語言代碼了，比如要在屏幕上打印Hello World：

4.3設(shè)置C/C++編譯的選項:c_cpp_properties.json

鼠標點在.c的源文件內(nèi)部，按 Ctrl+Shift+p 快捷鍵，在彈出的界面中選擇: [C/C++:編配置(UI)]，然后進入設(shè)置頁面。 

 點進去之后我們要設(shè)置我們的編譯器路徑和IntelliSense 模式：

4.4 創(chuàng)建執(zhí)行任務(wù):tasksjson 

 要編譯代碼，我們接下來，在終端中:配置任務(wù)，如下圖：

 然后選擇gcc.exe：

 打開之后就會出現(xiàn)一個新的文件夾：這個文件是專門來執(zhí)行編譯任務(wù)的。

4.5編譯+執(zhí)行  

4.5.1編譯

完成了上述的步驟，我們就準備好了所有的準備，接下來就可以編譯并生成可執(zhí)行程序了。具體操作如下:

1.鼠標點在要編譯的C語言代碼中

2.然后執(zhí)行[終端]->[運行生成任務(wù)] 

 執(zhí)行成功之后會生成一個test.exe的可執(zhí)行程序：

4.5.2執(zhí)行 

然后將上一次運行之后的終端關(guān)閉，然后按鍵盤的 Ctrl+ `(Esc下面的按鍵)快捷鍵，打開VSCode自帶的終端，就可以運行代碼了這時輸入: .\可執(zhí)行程序的名字，即可以執(zhí)行代碼，如下圖:

 然后輸入命令：.\+可執(zhí)行程序的名字：

5.再寫一個代碼該怎么辦？  

5.1方法1：

在本文件下面編寫新的代碼：

如果你的代碼還是單獨的一個.c文件，在當前打開文件夾中就可以編寫，那直接在當前打開的文件中新建.c源文件，編寫代碼，對當前的代碼，直接執(zhí)行[終端]->[運行生成任務(wù)] :

 然后再打開VScode自帶的終端，輸入.\+可執(zhí)行程序名字：

 5.2方法2

創(chuàng)建新文件重新編寫代碼：

 如果你要寫的代碼需要單獨文件夾管理，那就再次打開新的文件夾來編寫代碼，編譯和執(zhí)行了。比如:新的代碼需要放在test_4_10的文件夾中管理:

先創(chuàng)建新的文件夾test_4_10,然后將test_4_9中的vscode這個文件夾拷貝到test_4_10文件中，這時再在VScode中添加文件夾test_4_10之后就會發(fā)現(xiàn)新添加的文件夾中也有我們第一次創(chuàng)建文件夾的兩個文件夾：

 在我們新添加的文件中就出現(xiàn)了這兩個文件

然后我們就可以編寫代碼了：

 寫好代碼之后就可以正常的執(zhí)行代碼，過程和上面的過程一樣：終端-》運行生成任務(wù)-》打開VScode自帶的終端-》輸入.\+可執(zhí)行程序名字：

6.一個工程中有多個.c文件該怎么去編譯呢？

假設(shè)我們有一個工程multiple_files下面有多個文件需要編譯，如下圖: 

在multiple_files下面有兩個文件，需要執(zhí)行一次加法運算，那我們該怎么去處理呢？

 如何一次同時編譯執(zhí)行兩個文件呢？

6.1拷貝文件

先把之前已經(jīng)寫好的配置文件拷貝一份放在multiple_files這個目錄下面。

6.2調(diào)整tasks.json文件中的內(nèi)容

編譯多個源代碼文件:

通過把"${file}"修改為"${workspaceFolder}\\*.c”，可以構(gòu)建當前工作區(qū)中的所有C文件

通過把"${file}"修改為"${workspaceFolder}\\.*cpp”，可以構(gòu)建當前工作區(qū)中的所有C++文件

修改編譯輸出的文件名:

1.通過把"${fileDirname}\\${fileBasenameNoExtension}.exe"，修改為:"${workspaceFolder}\\myProgram.exe"可以把編譯輸出的文件名硬編碼myProgram.exe，而不是與C文件同名。

2.通過把"${fileDirname}\\${fileBasenameNoExtension}.exe"，修改為:"${workspaceFolder}\\${workspaceRootFolderName}.exe",可以把編譯輸出的文件名為: 打開的工作區(qū)文件夾名字.exe。

以上的的兩種方式都是可行的，我們在這里選擇第二種方法，讓生成的可執(zhí)行程序與我們的文件名相同：

6.3執(zhí)行

按照之前的執(zhí)行操作流程進行操作即可：

7. VScode的調(diào)試

前面講解的都是如何去編譯代碼，當我們生成一個可支持程序的時候，如果遇到了運行時的問題，我們就要想辦法調(diào)試代碼，那VSCode如何調(diào)試代碼呢?接下來聽我細細道來~其實在VSCode上調(diào)試關(guān)鍵也是依賴一個配置文件的叫: launch.json，那我們看看怎么調(diào)試。 

7.1創(chuàng)建launch.json 文件

首先點擊調(diào)試，創(chuàng)建launch.json文件：

然后選擇C++(GDB/LLDB)。

這時在我們的文件目錄下面就生成了一個launch.json文件

 然后點擊添加配置：選擇C/C++（gdb）啟動

這是生成的默認的配置信息，當然我們也許需要進行改造一下：

默認信息：

{
    // 使用 IntelliSense 了解相關(guān)屬性。 
    // 懸停以查看現(xiàn)有屬性的描述。
    // 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) 啟動",
            "type": "cppdbg",
            "request": "launch",
            "program": "輸入程序名稱，例如 ${workspaceFolder}/a.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${fileDirname}",
            "environment": [],
            "externalConsole": false,
            "MIMode": "gdb",
            "miDebuggerPath": "/path/to/gdb",
            "setupCommands": [
                {
                    "description": "為 gdb 啟用整齊打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                },
                {
                    "description": "將反匯編風格設(shè)置為 Intel",
                    "text": "-gdb-set disassembly-flavor intel",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

在這里我們需要改兩個地方：

 如果你的mingw64也是和我一樣的路徑：D:\\mingw64\\bin\\gdb.exe

 修改完之后得到了新的配置信息：

{
    // 使用 IntelliSense 了解相關(guān)屬性。 
    // 懸停以查看現(xiàn)有屬性的描述。
    // 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) 啟動",
            "type": "cppdbg",
            "request": "launch",
            "program": "${workspaceFolder}\\${workspaceRootFolderName}.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${fileDirname}",
            "environment": [],
            "externalConsole": false,
            "MIMode": "gdb",
            "miDebuggerPath": "D:\\mingw64\\bin\\gdb.exe",
            "setupCommands": [
                {
                    "description": "為 gdb 啟用整齊打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                },
                {
                    "description": "將反匯編風格設(shè)置為 Intel",
                    "text": "-gdb-set disassembly-flavor intel",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

7.2開始調(diào)試

當launch.json文件生成后，我們只要打斷點開始調(diào)試就行。

調(diào)試的快捷鍵和VS系列的IDE是一樣的，如：

F9- 打斷點/取消斷點

F5-啟動調(diào)試

F11-逐語句調(diào)試

F10-逐過程調(diào)試

啟動調(diào)試后，也是可以使用監(jiān)視窗口查看變量等程序執(zhí)行過程中的信息。 

總結(jié)

到此這篇關(guān)于VScode搭建C/C++開發(fā)環(huán)境的文章就介紹到這了,更多相關(guān)VScode搭建C/C++開發(fā)環(huán)境內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論