VSCode簡(jiǎn)介

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

一、下載

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

二、安裝

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

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

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

接下來(lái)就是安裝過(guò)程中的信息了，最后至此已成功安裝VSCode。

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

打開(kāi)VSCode后，首先是歡迎界面?？梢钥吹?，這里默認(rèn)的是英文環(huán)境。

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

四、完全卸載

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

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

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

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

1.安裝MinGW編譯器

mingw 下載： MinGW-w64

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(1).配置編譯器

接下來(lái)配置編譯器路徑，按快捷鍵Ctrl+Shift+P調(diào)出命令面板，輸入C/C++，選擇“Edit Configurations(UI)”進(jìn)入配置。這里配置兩個(gè)選項(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

配置完成后，此時(shí)在側(cè)邊欄可以發(fā)現(xiàn)多了一個(gè).vscode文件夾，并且里面有一個(gè)c_cpp_properties.json文件，內(nèi)容如下，說(shuō)明上述配置成功?，F(xiàn)在可以通過(guò)Ctrl+<`快捷鍵打開(kāi)內(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ù)

接下來(lái)，創(chuàng)建一個(gè)tasks.json文件來(lái)告訴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”：

此時(shí)會(huì)出現(xiàn)一個(gè)名為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í)候所看到的，可以自己設(shè)置
            "command": "D:/mingw-w64/x86_64-8.1.0-win32-seh-rt_v6-rev0/mingw64/bin/g++.exe",
            "args": [//編譯時(shí)候的參數(shù)
                "-g",//添加gdb調(diào)試選項(xiàng)
                "${file}",
                "-o",//指定生成可執(zhí)行文件的名稱(chēng)
                "${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)生一個(gè)launch.json文件，用來(lái)配置調(diào)試的相關(guān)信息。點(diǎn)擊菜單欄的Debug–>Start Debugging：

選擇C++(GDB/LLDB)：

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

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

接下來(lái)讀者可以點(diǎn)擊Add Configuration按鈕自己添加配置，也可以直接將筆者配置好的json文件內(nèi)容復(fù)制過(guò)去，因?yàn)樾┡渲脤?duì)新手不是特別友好，相關(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",//配置類(lèi)型，只能為cppdbg
            "request": "launch",//請(qǐng)求配置類(lèi)型，可以為launch（啟動(dòng)）或attach（附加）
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",//調(diào)試程序的路徑名稱(chēng)
            "args": [],//調(diào)試傳遞參數(shù)
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,//true顯示外置的控制臺(tái)窗口，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)編寫(xiě)一個(gè)debug.cpp文件測(cè)試調(diào)試，設(shè)置斷點(diǎn)后，按下F5進(jìn)入調(diào)試，如圖成功調(diào)試， 左側(cè)為變量?jī)?nèi)容：

六、結(jié)語(yǔ)

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

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

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

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

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

輸入“configure language”，然后回車(chē)。

“vscode”里面就會(huì)打開(kāi)一個(gè)語(yǔ)言配置文件。

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

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

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

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

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

最新評(píng)論