天天看點

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  本文介紹在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”。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  如果菜單欄中沒有“Ubuntu Software”,那麼需要在左下角“Show Applications”中,找到“Ubuntu Software”;如下圖所示,如果軟體比較多的話,我們可以通過搜尋來找到“Ubuntu Software”。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,在“Ubuntu Software”左上角,點選搜尋按鈕,并輸入code字樣,找到如下圖所示的“code”軟體并打開;這裡的“code”軟體其實就是Visual Studio Code軟體。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  接下來,點選“Install”進行Visual Studio Code軟體的下載下傳與安裝。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  軟體安裝開始前,可能需要大家輸入一下Linux Ubuntu作業系統的賬戶密碼。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,即可開始Visual Studio Code軟體的下載下傳與安裝。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  Visual Studio Code軟體安裝完畢後,我們可以通過“Show Applications”選項,找到剛剛安裝好的軟體。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  在Visual Studio Code軟體圖示處右鍵,選擇“Add to Favorites”,即可将其固定在左側的菜單欄中。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  接下來,我們打開Visual Studio Code軟體,對其進行界面顔色等基本的設定。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

1.2 VS Code插件配置

  前面我們完成了對Visual Studio Code軟體的下載下傳與安裝,而為了可以在其中撰寫、運作C++ 代碼或程式,我們還需要配置幾個Visual Studio Code軟體的插件。

  在Visual Studio Code軟體左側菜單中,找到“Extensions”選項,并在彈出的界面中搜尋C++字樣,找到如下圖所示的C/C++插件,點選“Install”進行安裝。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  這裡需要注意,有些插件(例如前面提到的C/C++插件)有發行版與預覽版等兩個版本,對應了不同的版本号;二者可以互相轉換。如下圖所示,建議大家選擇發行版即可。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

1.3 VS Code工程配置

  接下來,我們需要準備好Visual Studio Code軟體的工程檔案,用以接下來代碼的撰寫與運作。

  首先,在Linux Ubuntu作業系統左側菜單欄中,選擇“Files”。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,在我們将要存放代碼檔案的路徑下,在空白區域右鍵并選擇“New Folder”選項,進而建立一個檔案夾。這個檔案夾就是之後存放我們工程檔案的檔案夾。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  對該檔案夾進行重命名。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  接下來,在Visual Studio Code軟體左側菜單欄中,選擇“Explorer”→“Open Folder”選項。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  找到我們剛剛建立的檔案夾,并選擇“Open”。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  如果彈出如下所示的界面,直接選擇左側一項即可。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  接下來,在Visual Studio Code軟體“EXPLORER”一欄中,在我們的檔案夾下的空白處右鍵,選擇“New File…”。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  并将其命名為main.cpp。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,即可顯示出代碼撰寫界面。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  此外,Visual Studio Code軟體有時還會依據我們的操作需求為我們推薦一些插件,大家可以自行選擇是否下載下傳;如上圖右下角所示,Visual Studio Code軟體推薦了C/C++ Extension Pack這個C++ 拓展包合集,如果需要的話我們可以直接點選并安裝這一合集插件。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  接下來,我們便可以在這裡進行代碼的撰寫。例如,我們先寫一個簡單的“Hello World”程式;具體代碼如下。

#include <iostream>
using namespace std;

int main() {
    cout << "Hello World!!!!!" << endl;
    return 0;
}           

  這裡需要注意,代碼編輯時,需要同時按下Ctrl鍵與S鍵以進行儲存;代碼完成撰寫後,通過F5鍵調試程式,或同時按下Ctrl鍵與F5鍵不調試直接執行程式。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  但此時,我們僅僅可以完成代碼的撰寫工作,并不能實作代碼的編譯與運作。如果此時我們按下F5鍵或同時按下Ctrl鍵與F5鍵,代碼都不會運作,而會出現如下所示的報錯内容(報錯内容在下圖最下方)。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  是以,我們需要進一步配置相關的環境。

1.4 VS Code檔案配置

  接下來,還需要對Visual Studio Code軟體中的部分.json檔案進行配置。首先,在Visual Studio Code軟體左側菜單欄中,選擇“Run and Debug”選項,并點選下圖所示紅色圈内的藍色字型。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,将顯示出launch.json檔案。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  其中,原有的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檔案代碼如下圖所示。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,記得用Ctrl鍵與S鍵儲存剛剛的修改。

  接下來,我們在Visual Studio Code軟體中,同時按下Ctrl鍵、Shift鍵與P鍵,喚起搜尋框,并輸入Tasks: Run Task,并選擇這一項;如下圖所示。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,點選右側出現的齒輪标志。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,将顯示出tasks.json檔案。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  我們需要将其修改為如下的代碼。

{
    "tasks": [
        {
            "type": "shell",
            "label": "build",
            "command": "g++",
            "args": [
                "-g",
                "${file}",
                "-std=c++11",
                "-o",
                "${fileBasenameNoExtension}.out"
            ]
        }
    ],
    "version": "2.0.0"
}           

  修改後的tasks.json檔案如下圖所示。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  随後,記得用Ctrl鍵與S鍵儲存剛剛的修改。

2 其他環境配置

  除了前述對Visual Studio Code軟體的配置外,還需要進行一些額外的環境配置工作。

  首先,我們需要對編輯代碼用的Vim子產品進行配置。在Linux Ubuntu作業系統中,同時按下Ctrl鍵、Shift鍵與T鍵,喚起終端,并在其中輸入以下代碼。

sudo apt-get install vim           

  随後,需要輸入Linux Ubuntu作業系統的賬戶密碼,需要注意這裡是以不顯示密碼的方式輸入的;輸入完畢後按下Enter鍵即可。接下來,會出現如下圖所示的界面。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  在這裡,我們輸入y,進而開始Vim子產品的下載下傳與安裝。稍等片刻,Vim子產品即可下載下傳、安裝完畢。

  其次,我們還需要對編譯、連結C++ 代碼的g++子產品進行配置(這一子產品同樣可以編譯、連結C語言)。同樣是在終端中,輸入如下的代碼。

sudo apt install g++           

  随後,将出現如下所示的界面。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  同樣,我們輸入y,進而開始g++子產品的下載下傳與安裝。稍等片刻,g++子產品即可下載下傳、安裝完畢。

  随後,回到我們前面寫好的代碼,通過F5鍵,或同時按下Ctrl鍵與F5鍵,都可以使得代碼成功運作;如下圖所示。

Linux Ubuntu配置Visual Studio Code與C++代碼環境

  至此,我們即完成了在Linux Ubuntu作業系統下,配置Visual Studio Code軟體與C++ 代碼開發環境的全部流程。