本文介紹在Linux Ubuntu作業系統下,配置Visual Studio Code軟體與C++ 代碼開發環境的方法。
在文章VMware虛拟機配置Linux Ubuntu作業系統的方法中,我們介紹了Linux Ubuntu作業系統的下載下傳、安裝方法;本文則基于前述基礎,繼續介紹在Linux Ubuntu作業系統中配置Visual Studio Code軟體與C++ 開發環境的詳細方法。需要注意的是,本文所用的Ubuntu版本為Ubuntu 22.04.1 LTS版本,其他版本的配置方法可能具體有一些小差異,但整體流程都是近似的。
在Linux作業系統中配置代碼開發環境,最複雜的一點就在于其不能安裝Visual Studio這種內建好的IDE軟體,而是需要分别配置Visual Studio Code等編輯器軟體、g++ 等編譯器子產品,同時對很多配置檔案進行修改後才可以開始代碼的開發工作;那麼本文就以C++ 這一程式設計語言為例,來對上述這一複雜的過程進行介紹。
1 Visual Studio Code編輯器配置
1.1 VS Code軟體下載下傳與安裝
首先,我們需要下載下傳、安裝Visual Studio Code軟體;我們可以在軟體官網下載下傳并手動安裝,也可以在Linux Ubuntu作業系統的Terminal中進行下載下傳與安裝,同時還可以在Ubuntu Software軟體中進行下載下傳與安裝。這裡我們就以第三種為例進行介紹。
首先,在Linux Ubuntu作業系統左側菜單欄中,選擇“Ubuntu Software”。
如果菜單欄中沒有“Ubuntu Software”,那麼需要在左下角“Show Applications”中,找到“Ubuntu Software”;如下圖所示,如果軟體比較多的話,我們可以通過搜尋來找到“Ubuntu Software”。
随後,在“Ubuntu Software”左上角,點選搜尋按鈕,并輸入code字樣,找到如下圖所示的“code”軟體并打開;這裡的“code”軟體其實就是Visual Studio Code軟體。
接下來,點選“Install”進行Visual Studio Code軟體的下載下傳與安裝。
軟體安裝開始前,可能需要大家輸入一下Linux Ubuntu作業系統的賬戶密碼。
随後,即可開始Visual Studio Code軟體的下載下傳與安裝。
Visual Studio Code軟體安裝完畢後,我們可以通過“Show Applications”選項,找到剛剛安裝好的軟體。
在Visual Studio Code軟體圖示處右鍵,選擇“Add to Favorites”,即可将其固定在左側的菜單欄中。
接下來,我們打開Visual Studio Code軟體,對其進行界面顔色等基本的設定。
1.2 VS Code插件配置
前面我們完成了對Visual Studio Code軟體的下載下傳與安裝,而為了可以在其中撰寫、運作C++ 代碼或程式,我們還需要配置幾個Visual Studio Code軟體的插件。
在Visual Studio Code軟體左側菜單中,找到“Extensions”選項,并在彈出的界面中搜尋C++字樣,找到如下圖所示的C/C++插件,點選“Install”進行安裝。
這裡需要注意,有些插件(例如前面提到的C/C++插件)有發行版與預覽版等兩個版本,對應了不同的版本号;二者可以互相轉換。如下圖所示,建議大家選擇發行版即可。
1.3 VS Code工程配置
接下來,我們需要準備好Visual Studio Code軟體的工程檔案,用以接下來代碼的撰寫與運作。
首先,在Linux Ubuntu作業系統左側菜單欄中,選擇“Files”。
随後,在我們将要存放代碼檔案的路徑下,在空白區域右鍵并選擇“New Folder”選項,進而建立一個檔案夾。這個檔案夾就是之後存放我們工程檔案的檔案夾。
對該檔案夾進行重命名。
接下來,在Visual Studio Code軟體左側菜單欄中,選擇“Explorer”→“Open Folder”選項。
找到我們剛剛建立的檔案夾,并選擇“Open”。
如果彈出如下所示的界面,直接選擇左側一項即可。
接下來,在Visual Studio Code軟體“EXPLORER”一欄中,在我們的檔案夾下的空白處右鍵,選擇“New File…”。
并将其命名為main.cpp。
随後,即可顯示出代碼撰寫界面。
此外,Visual Studio Code軟體有時還會依據我們的操作需求為我們推薦一些插件,大家可以自行選擇是否下載下傳;如上圖右下角所示,Visual Studio Code軟體推薦了C/C++ Extension Pack這個C++ 拓展包合集,如果需要的話我們可以直接點選并安裝這一合集插件。
接下來,我們便可以在這裡進行代碼的撰寫。例如,我們先寫一個簡單的“Hello World”程式;具體代碼如下。
#include <iostream>
using namespace std;
int main() {
cout << "Hello World!!!!!" << endl;
return 0;
}
這裡需要注意,代碼編輯時,需要同時按下Ctrl鍵與S鍵以進行儲存;代碼完成撰寫後,通過F5鍵調試程式,或同時按下Ctrl鍵與F5鍵不調試直接執行程式。
但此時,我們僅僅可以完成代碼的撰寫工作,并不能實作代碼的編譯與運作。如果此時我們按下F5鍵或同時按下Ctrl鍵與F5鍵,代碼都不會運作,而會出現如下所示的報錯内容(報錯内容在下圖最下方)。
是以,我們需要進一步配置相關的環境。
1.4 VS Code檔案配置
接下來,還需要對Visual Studio Code軟體中的部分.json檔案進行配置。首先,在Visual Studio Code軟體左側菜單欄中,選擇“Run and Debug”選項,并點選下圖所示紅色圈内的藍色字型。
随後,将顯示出launch.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",
"type": "cppdbg",
"request": "launch",
"program": "${workspaceFolder}/${fileBasenameNoExtension}.out",
"args": [],
"stopAtEntry": false,
"cwd": "${workspaceFolder}",
"environment": [],
"externalConsole": true,
"MIMode": "gdb",
"preLaunchTask": "build",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
]
}
]
}
修改後的launch.json檔案代碼如下圖所示。
随後,記得用Ctrl鍵與S鍵儲存剛剛的修改。
接下來,我們在Visual Studio Code軟體中,同時按下Ctrl鍵、Shift鍵與P鍵,喚起搜尋框,并輸入Tasks: Run Task,并選擇這一項;如下圖所示。
随後,點選右側出現的齒輪标志。
随後,将顯示出tasks.json檔案。
我們需要将其修改為如下的代碼。
{
"tasks": [
{
"type": "shell",
"label": "build",
"command": "g++",
"args": [
"-g",
"${file}",
"-std=c++11",
"-o",
"${fileBasenameNoExtension}.out"
]
}
],
"version": "2.0.0"
}
修改後的tasks.json檔案如下圖所示。
随後,記得用Ctrl鍵與S鍵儲存剛剛的修改。
2 其他環境配置
除了前述對Visual Studio Code軟體的配置外,還需要進行一些額外的環境配置工作。
首先,我們需要對編輯代碼用的Vim子產品進行配置。在Linux Ubuntu作業系統中,同時按下Ctrl鍵、Shift鍵與T鍵,喚起終端,并在其中輸入以下代碼。
sudo apt-get install vim
随後,需要輸入Linux Ubuntu作業系統的賬戶密碼,需要注意這裡是以不顯示密碼的方式輸入的;輸入完畢後按下Enter鍵即可。接下來,會出現如下圖所示的界面。
在這裡,我們輸入y,進而開始Vim子產品的下載下傳與安裝。稍等片刻,Vim子產品即可下載下傳、安裝完畢。
其次,我們還需要對編譯、連結C++ 代碼的g++子產品進行配置(這一子產品同樣可以編譯、連結C語言)。同樣是在終端中,輸入如下的代碼。
sudo apt install g++
随後,将出現如下所示的界面。
同樣,我們輸入y,進而開始g++子產品的下載下傳與安裝。稍等片刻,g++子產品即可下載下傳、安裝完畢。
随後,回到我們前面寫好的代碼,通過F5鍵,或同時按下Ctrl鍵與F5鍵,都可以使得代碼成功運作;如下圖所示。
至此,我們即完成了在Linux Ubuntu作業系統下,配置Visual Studio Code軟體與C++ 代碼開發環境的全部流程。