VSCode簡介

VSCode是一款微軟出的輕量級編輯器，它本身只是一款文本編輯器而已，所有的功能都是以插件擴(kuò)展的形式所存在，想用什么功能就安裝對應(yīng)的擴(kuò)展即可，非常方便，同時也支持非常多的主題和圖標(biāo)，外觀比較好看，重要的是VSCode支持各大主流操作系統(tǒng)，包括Windows、Linux和Mac OS。所以就選擇它作為自己的一款主要的編輯器來使用。

一、下載

首先，我們直接去VSCode官網(wǎng)下載對應(yīng)操作系統(tǒng)版本的安裝包即可。因?yàn)槲沂褂玫氖?4位的Windows，所以下載的是64位的exe文件。此處需要注意一下，現(xiàn)在官網(wǎng)上給出了User Installer和System Installer兩個安裝版本，分別叫用戶和系統(tǒng)級別的安裝版本，參考官網(wǎng)給出的解釋，區(qū)別在于安裝User Installer版本不需要管理員權(quán)限，安裝的位置是在用戶的本地AppData目錄，而System Installer的安裝是需要管理員權(quán)限的，是安裝在Program Files目錄下的。我不清楚微軟為什么要分User和System兩個版本，可能是有自己的考慮吧。如果在官網(wǎng)首頁處點(diǎn)擊方框的下載按鈕，默認(rèn)下載的是User Installer版本。如果想要下載System版本的，可以點(diǎn)擊右上角Download按鈕，進(jìn)而選擇自己想要下載的版本。此處筆者下載的是System Installer版本。

二、安裝

直接打開下載好的.exe文件進(jìn)行安裝即可。

此處選擇安裝位置，默認(rèn)的是如圖中位置，憑個人習(xí)慣即可，筆者僅將盤符改為D盤，其余保持不變。

此處是設(shè)置一些額外功能，勾選上的話，以后在文件或者目錄上單擊鼠標(biāo)右鍵會出現(xiàn)“通過Code打開”選項(xiàng)，會方便使用，大家可自行選擇。最后一項(xiàng)是默認(rèn)勾選的，可以在控制臺打開VSCode，建議勾選。筆者此處除了“添加到PATH”默認(rèn)的勾選項(xiàng)外，只額外勾選了“創(chuàng)建桌面快捷方式”選項(xiàng)。

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

三、設(shè)置中文環(huán)境

打開VSCode后，首先是歡迎界面。可以看到，這里默認(rèn)的是英文環(huán)境。

可能有人看著英文界面比較難受，下面介紹如何設(shè)置中文環(huán)境?，F(xiàn)在中文環(huán)境也是通過安裝擴(kuò)展來實(shí)現(xiàn)，如下圖，先點(diǎn)擊側(cè)邊欄的擴(kuò)展，然后在搜索框中輸入language，選擇“中文(簡體)”進(jìn)行安裝，完成后重啟VSCode即可。筆者這里只是實(shí)驗(yàn)一下步驟而已，實(shí)際使用過程中還是使用的英文界面，主要是筆者的英文水平太差，純粹為了鍛煉自己的英文習(xí)慣能力啦。

四、完全卸載

如果大家之前有安裝過VSCode，然后只是簡單卸載的話，再次安裝之后，是還出現(xiàn)之前的配置信息，包括打開的文件夾、安裝過的擴(kuò)展等，這是因?yàn)橹安]有完全將VSCode卸載干凈。如果想干凈卸載掉VSCode再重新安裝的話，就需要在卸載之后再刪除掉兩個目錄的內(nèi)容。分別是：

• C:\Users$用戶名.vscode
• C:\Users$用戶名\AppData\Roaming\Code
  <<【注】這里的“$用戶名”根據(jù)自己的用戶名而定。
  刪除掉這兩個目錄的內(nèi)容之后，如果再安裝VSCode的話，就相當(dāng)于是全新安裝了，即不會出現(xiàn)之前的相關(guān)配置信息了。

五、配置C/C++環(huán)境

前面已經(jīng)介紹過，VSCode只是一款文本編輯器，不僅需要安裝對應(yīng)編程語言的擴(kuò)展，還需要安裝相應(yīng)的編譯器或者解釋器。筆者這里首先需要的是C/C++的環(huán)境，所以先介紹如何配置C/C++的開發(fā)環(huán)境。如果后續(xù)筆者需要其他語言開發(fā)環(huán)境的時候，筆者再進(jìn)行相應(yīng)的記錄并分享出來。 首先先創(chuàng)建一個文件夾，用來存放代碼。此處建議不同的編程語言采用不同的文件夾，因?yàn)閂SCode打開文件夾（稱作工作目錄）之后，如果進(jìn)行一定的配置之后，會在該文件夾下產(chǎn)生一個叫".vscode"的文件夾，該文件夾中存放的是一些.json的配置文件，這些配置文件是對工作目錄中的代碼文件產(chǎn)生作用的。所以以后需要相同開發(fā)環(huán)境的時候，不用每次都去創(chuàng)建配置文件并進(jìn)行相關(guān)配置，直接拷貝.vscode文件夾即可，但是第一次還是需要手動配置出自己所需的環(huán)境。

1.安裝MinGW編譯器

mingw 下載： MinGW-w64

當(dāng)然，也可以從 SourceForge 下載。

現(xiàn)在還有更方便的一個大工具包L：Msys2

簡單的配置：VS Code + msys2配置Windows下C/C++開發(fā)環(huán)境

C/C++的編譯器有很多種，大家可自行選擇，筆者這里選擇開源的MinGW編譯器。大家可以從sourceforge的mingw項(xiàng)目上下載64位的編譯器，直接打開進(jìn)行安裝，下圖的筆者所選的選項(xiàng)。其中版本選最新版本，對語言的新特性有較好的支持；構(gòu)架是32位和64位的選擇，32位請選擇x86；線程部分選擇win32，如果是Linux請選擇posix；異常模型部分選擇默認(rèn)的seh就好；最后一項(xiàng)只能選0。選好之后點(diǎn)擊下一步。

這里要求修改路徑名稱，確保路徑中不包含空格和中文字符，尤其是空格，因?yàn)槟J(rèn)位置上有空格的，一定要修改相應(yīng)安裝的路徑。因?yàn)楣俜轿臋n中要求安裝路徑中不能含有空格，實(shí)際上也是如此，筆者之前有過編譯器的路徑存在空格字符，然后配置VSCode會無法識別出路徑而導(dǎo)致失?。ň褪且?yàn)槁窂街邪崭褡址?/p>

這是筆者設(shè)置的安裝路徑。

設(shè)置好安裝路徑之后，點(diǎn)擊下一步就開始安裝了。因?yàn)檫@是在線安裝的，根據(jù)網(wǎng)速的大小時間會有所不同。安裝好之后，就是熟悉的配置環(huán)境變量步驟，如下圖：

最后，打開cmd，輸入gcc -v驗(yàn)證是否成功即可。

2.安裝C/C++擴(kuò)展

用VSCode打開之前建立好的文件夾，可直接通過歡迎界面的Open folder打開，也可通過菜單欄的File–>Open Folder打開。筆者這里的文件夾目錄是E:\Cpp。 在該文件夾下新建一個hello.cpp文件，馬上右下角會出現(xiàn)安裝C/C++的提示，可直接點(diǎn)擊install按鈕進(jìn)行安裝。

當(dāng)然也可自行搜索C/C++擴(kuò)展進(jìn)行安裝。

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

重啟之后編寫好hello.cpp文件后，如下圖：

3.配置C/C++環(huán)境

(1).配置編譯器

接下來配置編譯器路徑，按快捷鍵Ctrl+Shift+P調(diào)出命令面板，輸入C/C++，選擇“Edit Configurations(UI)”進(jìn)入配置。這里配置兩個選項(xiàng)： - 編譯器路徑：D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin/g++.exe

這里的路徑根據(jù)大家自己安裝的Mingw編譯器位置和配置的環(huán)境變量位置所決定。

IntelliSense 模式：gcc-x64

配置完成后，此時在側(cè)邊欄可以發(fā)現(xiàn)多了一個.vscode文件夾，并且里面有一個c_cpp_properties.json文件，內(nèi)容如下，說明上述配置成功?，F(xiàn)在可以通過Ctrl+<`快捷鍵打開內(nèi)置終端并進(jìn)行編譯運(yùn)行了。

{
    "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).配置構(gòu)建任務(wù)

接下來，創(chuàng)建一個tasks.json文件來告訴VS Code如何構(gòu)建（編譯）程序。該任務(wù)將調(diào)用g++編譯器基于源代碼創(chuàng)建可執(zhí)行文件。 按快捷鍵Ctrl+Shift+P調(diào)出命令面板，輸入tasks，選擇“Tasks:Configure Default Build Task”：

再選擇“C/C++: g++.exe build active file”：

此時會出現(xiàn)一個名為tasks.json的配置文件，內(nèi)容如下：

{
    // 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",//任務(wù)的名字，就是剛才在命令面板中選擇的時候所看到的，可以自己設(shè)置
            "command": "D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin/g++.exe",
            "args": [//編譯時候的參數(shù)
                "-g",//添加gdb調(diào)試選項(xiàng)
                "${file}",
                "-o",//指定生成可執(zhí)行文件的名稱
                "${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可以運(yùn)行該任務(wù)
            }
        }
    ]
}

(3).配置調(diào)試設(shè)置

這里主要是為了在.vscode文件夾中產(chǎn)生一個launch.json文件，用來配置調(diào)試的相關(guān)信息。點(diǎn)擊菜單欄的Debug–>Start Debugging：

選擇C++(GDB/LLDB)：

緊接著會產(chǎn)生一個launch.json的文件：

這里筆者遇到一個問題，如果是在編寫好的c++代碼文件頁面進(jìn)行上述過程，會一直報(bào)"Unable to create ‘launch.json’ file inside the ‘.vscode’ folder (Cannot read property ‘name’ of undefined)."的錯誤，網(wǎng)上也沒有找到相關(guān)的解決辦法，就自己琢磨了半天，最后發(fā)現(xiàn)如果在之前已經(jīng)創(chuàng)建好的json文件頁面進(jìn)行創(chuàng)建launch.json文件的過程，是可以正常進(jìn)行的。筆者也沒有弄懂這到底是什么原因。 【注】如果大家在進(jìn)行 tasks.json 和 launch.json 的配置時遇到問題，比如上述筆者所遇到的無法構(gòu)建的問題，還請不要?dú)怵H，可以對所遇到的錯誤進(jìn)行搜索查找，看看是否有解決方案，如果實(shí)在沒有的話，大家可以直接在.vscode文件夾下手動創(chuàng)建這兩個文件，并將相應(yīng)內(nèi)容復(fù)制進(jìn)去，也可完成環(huán)境配置。

接下來讀者可以點(diǎn)擊Add Configuration按鈕自己添加配置，也可以直接將筆者配置好的json文件內(nèi)容復(fù)制過去，因?yàn)樾┡渲脤π率植皇翘貏e友好，相關(guān)具體細(xì)節(jié)還是需要參考官方文檔。下面是筆者的launch.json文件的內(nèi)容：

{
    // 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",//調(diào)試前執(zhí)行的任務(wù)，就是之前配置的tasks.json中的label字段
            "type": "cppdbg",//配置類型，只能為cppdbg
            "request": "launch",//請求配置類型，可以為launch（啟動）或attach（附加）
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",//調(diào)試程序的路徑名稱
            "args": [],//調(diào)試傳遞參數(shù)
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,//true顯示外置的控制臺窗口，false顯示內(nèi)置終端
            "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
                }
            ]
        }
    ]
}

現(xiàn)編寫一個debug.cpp文件測試調(diào)試，設(shè)置斷點(diǎn)后，按下F5進(jìn)入調(diào)試，如圖成功調(diào)試， 左側(cè)為變量內(nèi)容：

六、結(jié)語

至此，VSCode的C/C++開發(fā)環(huán)境已經(jīng)配置完成，建議大家配置成功后，將.vscode文件夾備份一份，以后需要的時候直接復(fù)制即可，不用再花時間進(jìn)行配置了。 相信有了配置C/C++環(huán)境的基礎(chǔ)，大家以后配置其他語言環(huán)境的時候就不會那么發(fā)怵了，趕快去體驗(yàn)VSCode這款好用的編輯器吧！

補(bǔ)充：vscode設(shè)置成中文

vscode默認(rèn)的語言是英文，對于英文不好的小伙伴可能不太友好。簡單幾步教大家如何將vscode設(shè)置成中文。

按快捷鍵“Ctrl+Shift+P”。

在“vscode”頂部會出現(xiàn)一個搜索框。

輸入“configure language”，然后回車。

“vscode”里面就會打開一個語言配置文件。

將“en-us”修改成“zh-cn”。

按“Ctrl+S”保存設(shè)置。

關(guān)閉“vscode”，再次打開就可以看到中文界面了。

當(dāng)然如果你不愿意設(shè)置，也可以直接安裝它的中文插件，還是很人性化的。

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

最新評論