VSCode配置C_C++環境之記錄

VSCode簡介

VSCode是一款微軟出的輕量級編輯器，它自己只是一款文本編輯器而已，全部的功能都是以插件擴展的形式所存在，想用什麼功能就安裝對應的擴展便可，很是方便，同時也支持很是多的主題和圖標，外觀比較好看，重要的是VSCode支持各大主流操做系統，包括Windows、Linux和Mac OS。因此就選擇它做爲本身的一款主要的編輯器來使用。

1、下載

首先，咱們直接去VSCode官網下載對應操做系統版本的安裝包便可。由於我使用的是64位的Windows，因此下載的是64位的exe文件。此處須要注意一下，如今官網上給出了User Installer和System Installer兩個安裝版本，分別叫用戶和系統級別的安裝版本，參考官網給出的解釋，區別在於安裝User Installer版本不須要管理員權限，安裝的位置是在用戶的本地AppData目錄，而System Installer的安裝是須要管理員權限的，是安裝在Program Files目錄下的。我不清楚微軟爲何要分User和System兩個版本，多是有本身的考慮吧。若是在官網首頁處點擊方框的下載按鈕，默認下載的是User Installer版本。若是想要下載System版本的，能夠點擊右上角Download按鈕，進而選擇本身想要下載的版本。此處筆者下載的是System Installer版本。

2、安裝

直接打開下載好的.exe文件進行安裝便可。

此處選擇安裝位置，默認的是如圖中位置，憑我的習慣便可，筆者僅將盤符改成D盤，其他保持不變。


此處是設置一些額外功能，勾選上的話，之後在文件或者目錄上單擊鼠標右鍵會出現「經過Code打開」選項，會方便使用，你們可自行選擇。最後一項是默認勾選的，能夠在控制檯打開VSCode，建議勾選。筆者此處除了「添加到PATH」默認的勾選項外，只額外勾選了「建立桌面快捷方式」選項。

接下來就是安裝過程當中的信息了，最後至此已成功安裝VSCode。

3、設置中文環境

打開VSCode後，首先是歡迎界面。能夠看到，這裏默認的是英文環境。

可能有人看着英文界面比較難受，下面介紹如何設置中文環境。如今中文環境也是經過安裝擴展來實現，以下圖，先點擊側邊欄的擴展，而後在搜索框中輸入language，選擇「中文(簡體)」進行安裝，完成後重啓VSCode便可。筆者這裏只是實驗一下步驟而已，實際使用過程當中仍是使用的英文界面，主要是筆者的英文水平太差，純粹爲了鍛鍊本身的英文習慣能力啦。

4、徹底卸載

若是你們以前有安裝過VSCode，而後只是簡單卸載的話，再次安裝以後，是還出現以前的配置信息，包括打開的文件夾、安裝過的擴展等，這是由於以前並無徹底將VSCode卸載乾淨。若是想幹淨卸載掉VSCode再從新安裝的話，就須要在卸載以後再刪除掉兩個目錄的內容。分別是：

• C:\Users\$用戶名\.vscode
• C:\Users\$用戶名\AppData\Roaming\Code

【注】這裏的「$用戶名」根據本身的用戶名而定。

刪除掉這兩個目錄的內容以後，若是再安裝VSCode的話，就至關因而全新安裝了，即不會出現以前的相關配置信息了。

5、配置C/C++環境

前面已經介紹過，VSCode只是一款文本編輯器，不只須要安裝對應編程語言的擴展，還須要安裝相應的編譯器或者解釋器。筆者這裏首先須要的是C/C++的環境，因此先介紹如何配置C/C++的開發環境。若是後續筆者須要其餘語言開發環境的時候，筆者再進行相應的記錄並分享出來。
首先先建立一個文件夾，用來存放代碼。此處建議不一樣的編程語言採用不一樣的文件夾，由於VSCode打開文件夾（稱做工做目錄）以後，若是進行必定的配置以後，會在該文件夾下產生一個叫".vscode"的文件夾，該文件夾中存放的是一些.json的配置文件，這些配置文件是對工做目錄中的代碼文件產生做用的。因此之後須要相同開發環境的時候，不用每次都去建立配置文件並進行相關配置，直接拷貝.vscode文件夾便可，可是第一次仍是須要手動配置出本身所需的環境。

1.安裝MinGW編譯器

C/C++的編譯器有不少種，你們可自行選擇，筆者這裏選擇開源的MinGW編譯器。你們能夠從sourceforge的mingw項目上下載64位的編譯器，直接打開進行安裝，下圖的筆者所選的選項。其中版本選最新版本，對語言的新特性有較好的支持；構架是32位和64位的選擇，32位請選擇x86；線程部分選擇win32，若是是Linux請選擇posix；異常模型部分選擇默認的seh就好；最後一項只能選0。選好以後點擊下一步。

這裏要求修改路徑名稱，確保路徑中不包含空格和中文字符，尤爲是空格，由於默認位置上有空格的，必定要修改相應安裝的路徑。由於官方文檔中要求安裝路徑中不能含有空格，實際上也是如此，筆者以前有過編譯器的路徑存在空格字符，而後配置VSCode會沒法識別出路徑而致使失敗（就是由於路徑中包含空格字符）。

這是筆者設置的安裝路徑。

設置好安裝路徑以後，點擊下一步就開始安裝了。由於這是在線安裝的，根據網速的大小時間會有所不一樣。安裝好以後，就是熟悉的配置環境變量步驟，以下圖：

最後，打開cmd，輸入gcc -v驗證是否成功便可。

2.安裝C/C++擴展

用VSCode打開以前創建好的文件夾，可直接經過歡迎界面的Open folder打開，也可經過菜單欄的File-->Open Folder打開。筆者這裏的文件夾目錄是E:Cpp。
在該文件夾下新建一個hello.cpp文件，立刻右下角會出現安裝C/C++的提示，可直接點擊install按鈕進行安裝。

固然也可自行搜索C/C++擴展進行安裝。

下圖是正在安裝C/C++擴展的過程，須要一段時間，請靜心等待。等右下角的提示消失了，說明安裝成功，此時最好重啓VSCode讓擴展生效。

重啓以後編寫好hello.cpp文件後，以下圖：

3.配置C/C++環境

(1).配置編譯器

接下來配置編譯器路徑，按快捷鍵Ctrl+Shift+P調出命令面板，輸入C/C++，選擇「Edit Configurations(UI)」進入配置。這裏配置兩個選項：

• 編譯器路徑：D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin/g++.exe

這裏的路徑根據你們本身安裝的Mingw編譯器位置和配置的環境變量位置所決定。

• IntelliSense 模式：gcc-x64

配置完成後，此時在側邊欄能夠發現多了一個.vscode文件夾，而且裏面有一個c_cpp_properties.json文件，內容以下，說明上述配置成功。如今能夠經過Ctrl+`快捷鍵打開內置終端並進行編譯運行了。

{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceFolder}/**"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            //此處是編譯器路徑，之後可直接在此修改
            "compilerPath": "D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin/g++.exe",
            "cStandard": "c11",
            "cppStandard": "c++17",
            "intelliSenseMode": "gcc-x64"
        }
    ],
    "version": 4
}

(2).配置構建任務

接下來，建立一個tasks.json文件來告訴VS Code如何構建（編譯）程序。該任務將調用g++編譯器基於源代碼建立可執行文件。
按快捷鍵Ctrl+Shift+P調出命令面板，輸入tasks，選擇「Tasks:Configure Default Build Task」：
再選擇「C/C++: g++.exe build active file」：

此時會出現一個名爲tasks.json的配置文件，內容以下：

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558 
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "type": "shell",
            "label": "g++.exe build active file",//任務的名字，就是剛纔在命令面板中選擇的時候所看到的，能夠本身設置
            "command": "D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin/g++.exe",
            "args": [//編譯時候的參數
                "-g",//添加gdb調試選項
                "${file}",
                "-o",//指定生成可執行文件的名稱
                "${fileDirname}\\${fileBasenameNoExtension}.exe"
            ],
            "options": {
                "cwd": "D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true//表示快捷鍵Ctrl+Shift+B能夠運行該任務
            }
        }
    ]
}

(3).配置調試設置

這裏主要是爲了在.vscode文件夾中產生一個launch.json文件，用來配置調試的相關信息。點擊菜單欄的Debug-->Start Debugging：

選擇C++(GDB/LLDB)：

緊接着會產生一個launch.json的文件：

這裏筆者遇到一個問題，若是是在編寫好的c++代碼文件頁面進行上述過程，會一直報"Unable to create 'launch.json' file inside the '.vscode' folder (Cannot read property 'name' of undefined)."的錯誤，網上也沒有找到相關的解決辦法，就本身琢磨了半天，最後發現若是在以前已經建立好的json文件頁面進行建立launch.json文件的過程，是能夠正常進行的。筆者也沒有弄懂這究竟是什麼緣由。

【注】若是你們在進行 tasks.json 和 launch.json 的配置時遇到問題，好比上述筆者所遇到的沒法構建的問題，還請不要氣餒，能夠對所遇到的錯誤進行搜索查找，看看是否有解決方案，若是實在沒有的話，你們能夠直接在.vscode文件夾下手動建立這兩個文件，並將相應內容複製進去，也可完成環境配置。

接下來讀者能夠點擊Add Configuration按鈕本身添加配置，也能夠直接將筆者配置好的json文件內容複製過去，由於些配置對新手不是特別友好，相關具體細節仍是須要參考官方文檔。下面是筆者的launch.json文件的內容：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {
            "name": "(gdb) Launch",
            "preLaunchTask": "g++.exe build active file",//調試前執行的任務，就是以前配置的tasks.json中的label字段
            "type": "cppdbg",//配置類型，只能爲cppdbg
            "request": "launch",//請求配置類型，能夠爲launch（啓動）或attach（附加）
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",//調試程序的路徑名稱
            "args": [],//調試傳遞參數
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,//true顯示外置的控制檯窗口，false顯示內置終端
            "MIMode": "gdb",
            "miDebuggerPath": "D:\\mingw-w64\\x86_64-8.1.0-win32-seh-rt_v6-rev0\\mingw64\\bin\\gdb.exe",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

現編寫一個debug.cpp文件測試調試，設置斷點後，按下F5進入調試，如圖成功調試， 左側爲變量內容：

6、結語

至此，VSCode的C/C++開發環境已經配置完成，建議你們配置成功後，將.vscode文件夾備份一份，之後須要的時候直接複製便可，不用再花時間進行配置了。相信有了配置C/C++環境的基礎，你們之後配置其餘語言環境的時候就不會那麼發怵了，趕快去體驗VSCode這款好用的編輯器吧！