在 Lubuntu 18.04 LTS 上安裝 Visual Studio Code

前言

Visual Studio Code (又稱 VSCode),在三大平台都能夠使用,今天這一則貼文是紀錄在 Lubuntu 上安裝 VSCode,設定一個可以進行 C++ 程式設計 IDE 的過程。

我把貼文分成 5 個部分:

  1. 安裝 GCC
  2. 安裝 VSCode 主程式
  3. 設定程式設計專案路徑
  4. 安裝 Visual Studio Code 語言套件與 C++ 相關套件
  5. 測試 VSCode

安裝 GCC

  1. 我的 Lubuntu 在安裝時是選擇 Normal Installation,並沒有把 GCC 安裝進來。
  2. 一道指令就搞定:sudo apt install gcc gpp g++ gdb

安裝 VSCode 主程式

  1. 官網的說明,其實非常清楚,基本上有 2 種方式,都透過 APT 處理。
    (1) 下載 .deb 檔並安裝。
    (2) 安裝 Repository 與 GPG key,再進行 VSCode 主程式安裝。
  2. 我選後者,安裝的指令,也完全參照官網。
    wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
    sudo install -o root -g root -m 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/
    sudo sh -c 'echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/trusted.gpg.d/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
    rm -f packages.microsoft.gpg
    sudo apt install apt-transport-https
    sudo apt update
    sudo apt install code



設定程式設計專案路徑

  1. 建立一個新的專案,只要下幾道指令就可以搞定,我的經驗是路徑命名要用英文,不要用中文。
  2. 我要設定 C++ 的程式設計專案路徑,我下的指令如下:
    mkdir -p cppP/helloworld
    cd cppP/helloworld
    code .

安裝 Visual Studio Code 語言套件與 C++ 相關套件

  1. 下完 code . 這個指令後,就會跳出 VSCode 主程式,勾選「Trust the …」,點下「Yes, I trust…」那個按鈕。
  2. 一進入程式,程式的右下角就會出現「安裝語言套件…」,而且會對應到使用者的系統語言設定,可以不安裝,但如果對中文比較熟悉的人,倒是可以安裝並重新啟動 VSCode。
  3. 找從程式介面左側,從上數下來的第 5 個圖示,在搜尋框打「C++」,把 C/C++ for Visual Studio Code 的套件找出來安裝。

測試 VSCode

  1. 新增檔案,幾個方式可以達成:
    (1)Ctrl+N。
    (2)先在程式介面左邊「檔案總管」,找到一個文件上面有加號的圖示。
    (3)「檔案」→「新增檔案」。
  2. 寫一段程式碼測試看看,這裡我是拿官方給的程式碼,複製貼上,再按「Ctrl+S」,接著再按「F5」,程式會請我們選取環境,我選「C++ (GDB/LLDB)」。
  3. 再選「g++ -建置…」。
  4. 走到這裡應該就是沒有問題。

後記

Have fun. Enjoy coding, again!

在 Windows 10 上安裝 Visual Studio Code EP3

前言

寫程式,設定好 IDE,可以增加自己的效率,今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode),設定 C++ 的程式設計環境。

我找了個從沒有安裝過的 Windows 10 上面完成安裝的,安裝後把紀錄大致分成幾個部分。

EP 1:安裝 Visual Studio Code 主程式
EP 2:安裝 MSYS2 與 MinGW
EP 3:設定程式設計專案路徑,安裝 Visual Studio Code 語言套件與 C++ 相關套件

設定程式設計專案路徑

  1. 建立一個新的專案,只要下幾道指令就可以搞定,我的經驗是路徑命名要用英文,不要用中文。
  2. 我要設定 C++ 的程式設計專案路徑,我下的指令如下:
    (1)mkdir cppP:先開一個放所有專案的資料夾。
    (2)cd cppP:進入剛才好開的資料夾(放所有專案)。
    (3)mkdir helloworld:這個大家都懂,當然也可以命名為 test 之類的,高興就好。
    (4)cd helloworld:進入 helloworld 這個資料夾。
    (5)code .:啟動 VSCode。

安裝 Visual Studio Code 語言套件與 C++ 相關套件

  1. 下完 code . 這個指令後,就會跳出 VSCode 主程式,勾選「Trust the …」,點下「Yes, I trust…」那個按鈕。
  2. 一進入程式,程式的右下角就會出現「安裝語言套件…」,而且會對應到使用者的系統語言設定,可以不安裝,但如果對中文比較熟悉的人,倒是可以安裝並重新啟動 VSCode。
  3. 找從程式介面左側,從上數下來的第 5 個圖示,在搜尋框打「C++」,把 C/C++ for Visual Studio Code 的套件找出來安裝。

測試 VSCode

  1. 新增檔案,幾個方式可以達成:
    (1)Ctrl+N。
    (2)先在程式介面左邊「檔案總管」,找到一個文件上面有加號的圖示。
    (3)「檔案」→「新增檔案」。
  2. 寫一段程式碼測試看看,這裡我是拿官方給的程式碼,複製貼上,再按「Ctrl+S」,接著再按「F5」,程式會請我們選取環境,我選「C++ (GDB/LLDB)」。
  3. 再選「g++.exe…」。
  4. 執行後,先跳出這個訊息。
  5. 再按一次[Enter],走到這裡應該就是沒有問題了。

後記

Have fun. Enjoy coding.

在 Windows 10 上安裝 Visual Studio Code EP2

前言

寫程式,設定好 IDE,可以增加自己的效率,今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode),設定 C++ 的程式設計環境。

我找了個從沒有安裝過的 Windows 10 上面完成安裝的,安裝後把紀錄大致分成幾個部分。

EP 1:安裝 Visual Studio Code 主程式
EP 2:安裝 MSYS2 與 MinGW
EP 3:設定程式設計專案路徑,安裝 Visual Studio Code 語言套件與 C++ 相關套件

安裝 MSYS2 與 MinGW

  1. MSYS2 網站就有滿詳盡的說明,我基本上也是照著說明服用。
  2. 我這次是下載 msys2-x86_64-20210725.exe,安裝時就是一直「下一步」到「完成」,即使如此,也麻煩要特別注意一下 Installation Folder 這個步驟,確認一下安裝路徑,因為這個後續的環境設定會用到,我想,對於安裝與設定過其他程式設計環境的人,應該不陌生。
  3. 下 3 道命令,把 MinGW 裝起來。
    (1)pacman -Syu:這個指令是為了更新系統的核心套件,更新完會關掉視窗,請至開始功能表找到並開啟 MSYS2 MSYS。

    (2)pacman -Su:更新其他基礎套件。
    (3)pacman -S –needed base-devel mingw-w64-x86_64-toolchain:安裝 mingw-w64 GCC 與相關工具套件。
  4. 如果不想影響 Windows 的 PATH 環境變數,可以使用 MinGW 終端機,但,我想把相對應的路徑加入 PATH 環境變數,這個部分,我不常設定,其實也找了一下,這次就筆記下來,方便以後好找、好設定。
    (1)「開始功能表」→「設定」(齒輪圖示)→「Windows 設定」,再點一下「系統」。

    (2)點「關於」。

    (3)點「系統資訊」。

    (4)進入「系統內容」後,點「進階系統設定」。

    (5)點「環境變數」。

    (6)從「系統變數」欄位中,找到「Path」,點選後,再點「編輯」。

    (7)把「C:\msys64\mingw64\bin」這個路徑,新增進去吧!
  5. 有一個更快速進入「系統內容」[可以參照上述第 4 點的第 (6) 項],就是開 Windows 的 Terminal (CMD) 或是按住「Win+R」,執行 systempropertiesadvanced
  6. 如果有已開啟的 Windows Termial (CMD) 的話,關掉並重新啟動 Terminal,如果沒有,直接啟動一個新的,執行下列命令,確認安裝完成。
    g++ -v
    gdb -v

後記

我在整理自己的紀錄時,發現「安裝 MSYS2 與 MinGW」是相對比較麻煩的,未來如有參考需要時,我可能會先從這一個部分開始安裝與設定。

在 Windows 10 上安裝 Visual Studio Code EP1

前言

寫程式,設定好 IDE,可以增加自己的效率,今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode),設定 C++ 的程式設計環境。

我找了個從沒有安裝過的 Windows 10 上面完成安裝的,安裝後把紀錄大致分成幾個部分。

EP 1:安裝 Visual Studio Code 主程式
EP 2:安裝 MSYS2 與 MinGW
EP 3:設定程式設計專案路徑,安裝 Visual Studio Code 語言套件與 C++ 相關套件

安裝 Visual Studio Code 主程式

  1. Running Visual Studio Code on Windows 網站就有滿詳盡的說明,我基本上也是照著說明服用。
  2. 決定是要用 User setup 或是 System setup:User setup 就是安裝給當下使用的帳號使用;System steup 就是給 All users 使用的安裝。我的電腦只有我個人在使用,我選擇安裝 System setup,我下載的檔案是 VSCodeSetup-x64-1.59.1.exe。
  3. 接下來幾乎就是「下一步」到底,我注意到,安裝過程中,提到「加入 PATH 中 (重新啟動後生效)」。
  4. 所以,我在安裝完主程式後,並沒有立馬啟動它,而是在完成後,立即重新開始,就結束這個回合。

後記

安裝 VSCode 主程式後,接下來就要「安裝 MSYS2 與 MinGW」。