1.VScode是什么？

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

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

2.VScode的下載和安裝 

2.1下載和安裝 下載：

下載地址：https://code.visualstudio.com/download  或者  點(diǎn)擊這里下載

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

安裝：

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

2.2環(huán)境的介紹

環(huán)境介紹：

安裝中文版插件 ：

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

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

 漢化之后的界面：

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

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

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

下載：

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

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

 直接點(diǎn)擊，就會自動(dòng)進(jìn)行下載，下載完成之后會得到這樣的一個(gè)壓縮包：

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

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

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

 此時(shí)mingw64的編譯器路徑就是：D:\mingw64

配置Mingw64：

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

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

 然后點(diǎn)擊進(jìn)入Path：點(diǎn)擊新建，然后將mingw64中的bin文件的路徑拷貝進(jìn)去，然后依次點(diǎn)擊確定

 需要將我們打開的三個(gè)窗口都點(diǎn)擊確定即可配置完成?。?/p>

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

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

3.2安裝C/C++插件

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

3.3重啟VScode

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

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

4.1打開文件夾

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

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

 然后勾選信任，進(jìn)行下一步：

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

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

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

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

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

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

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

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

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

 然后選擇gcc.exe：

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

4.5編譯+執(zhí)行  

4.5.1編譯

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

1.鼠標(biāo)點(diǎn)在要編譯的C語言代碼中

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

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

4.5.2執(zhí)行 

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

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

5.再寫一個(gè)代碼該怎么辦？  

5.1方法1：

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

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

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

 5.2方法2

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

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

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

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

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

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

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

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

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

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

6.1拷貝文件

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

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

編譯多個(gè)源代碼文件:

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

通過把"${file}"修改為"${workspaceFolder}\\.*cpp”，可以構(gòu)建當(dāng)前工作區(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í)行操作流程進(jìn)行操作即可：

7. VScode的調(diào)試

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

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

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

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

這時(shí)在我們的文件目錄下面就生成了一個(gè)launch.json文件

 然后點(diǎn)擊添加配置：選擇C/C++（gdb）啟動(dòng)

這是生成的默認(rèn)的配置信息，當(dāng)然我們也許需要進(jìn)行改造一下：

默認(rèn)信息：

{
    // 使用 IntelliSense 了解相關(guān)屬性。 
    // 懸停以查看現(xiàn)有屬性的描述。
    // 欲了解更多信息，請?jiān)L問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) 啟動(dòng)",
            "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": "將反匯編風(fēng)格設(shè)置為 Intel",
                    "text": "-gdb-set disassembly-flavor intel",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

在這里我們需要改兩個(gè)地方：

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

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

{
    // 使用 IntelliSense 了解相關(guān)屬性。 
    // 懸停以查看現(xiàn)有屬性的描述。
    // 欲了解更多信息，請?jiān)L問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) 啟動(dòng)",
            "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": "將反匯編風(fēng)格設(shè)置為 Intel",
                    "text": "-gdb-set disassembly-flavor intel",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

7.2開始調(diào)試

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

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

F9- 打斷點(diǎn)/取消斷點(diǎn)

F5-啟動(dòng)調(diào)試

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

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

啟動(dòng)調(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)文章希望大家以后多多支持腳本之家！

最新評論