Try   HackMD

用 VSCode 寫 C/C++ 教學

VSCode 安裝

  • 前往 VSCode 網站下載安裝檔
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 下載後開啟安裝程式
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 同意使用者條款
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 選擇下面的勾勾
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 確認安裝
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 安裝完成，會自動打開 VSCode
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 進入 Extenion
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 安裝 C/C++
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 安裝 C++ Intellisense
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

MinGW 安裝

(這個mingw是較舊的版本，比較新的好像是mingw-w64的樣子?放個小註解在這裡，看看有沒有大神要幫忙修改完整的說明…)

  • 進入 MinGW 下載頁面選取 mingw-get-setup.exe (檔案會自動下載)
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 開啟下載下來的程式，選擇下一步

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 選擇安裝位置後繼續 (與描述檔有關，除非你知道怎麼弄否則不要動)
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 安裝畫面

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 安裝完後會啟動 MinGW Installer Manager，找到 mingw32-gcc-g++ (bin) 點取左方窗格，選擇 Mark for Installation
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 選左側 All Packages，找到 mingw32-gdb (bin) 點取左方窗格，選擇 Mark for Installation
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 選擇 Installation –> Apply Change
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 點選 Apply

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 安裝中，安裝完成後點選 Close

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 開啟檔案總管 –> 電腦 –> 內容
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 選取右側側進階系統設定
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 選擇環境變數

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 在下面的系統變數找到 Path

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 新增 C:\MinGW\bin 點選確定

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • 環境變數變更完畢後重新啟動

開始撰寫 C/C++

  • 在桌面上隨意新增資料夾

  • 進入 repository 主頁，選擇 Clone or Download –> Download ZIP
  • 或在終端機輸入 git clone https://github.com/liaojason2/vscode-cpp-for-windows.git
  • 在剛剛在桌面上的資料夾中新增 .vscode 資料夾
  • 解壓縮後從下載下來的東西加入畫面中(畫面的四個檔案)
  • 在桌面上對資料夾點選右鍵，選擇以 Code 開始

  • 點選資料按鈕新增檔案，取完檔名後開始輸入程式
  • 輸入 Ctrl+Shift+B 進行編譯
  • 輸入 Ctrl+Shift+` 開啟終端機
  • 輸入 ./<檔名>.exe+Enter執行程式

注意事項

  • .vscode 必須與要編譯的檔案在同一個資料夾或是任一上層目錄
  • vscode 必須以資料夾方式開啟才能編譯，即使是只寫一個檔案也一樣
Last changed by 
 
廖煥杰
16
115
105.4k

Read more

Mac VSCode 寫 C/C++ 教學

Mac VSCode 寫 C/C++ 教學 特別感謝 @angel-star 提供相關檔案 安裝 Xcode 進入 Mac App Store 搜尋 Xcode 並下載 在終端機輸入 xcode-select --install 安裝 VSCode

Feb 7, 2023
振興卷攻略

&#x632F;&#x8208;&#x4E09;&#x500D;&#x5377;&#x653B;&#x7565; &#x8072;&#x660E; &#x672C;&#x4EBA;&#x76EE;&#x524D;&#x9AD8;&#x4E8C;&#xFF0C;&#x56E0;&#x70BA;&#x767C;&#x73FE;&#x6709;&#x5F88;&#x591A;&#x4EBA;&#xFF08;&#x8001;&#x5E2B;&#x3001;&#x5BA4;&#x53CB;&#x3001;&#x8EAB;&#x908A;&#x7684;&#x89AA;&#x53CB;&#xFF09; &#x4E0D;&#x77E5;&#x9053;&#x6709;&#x7D19;&#x672C;&#x4EE5;&#x5916;&#x7684;&#x9078;&#x9805;&#x3001;&#x600E;&#x9EBC;&#x8655;&#x7406;&#x9019;&#x4E9B;&#x4E8B;&#x60C5;&#x6216;&#x662F;&#x5982;&#x4F55;&#x62FF;&#x5230;&#x6700;&#x9AD8;&#x5229;&#x76CA;&#xFF0C;&#x6240;&#x4EE5;&#x60F3;&#x5BEB;&#x4E00;&#x7BC7;&#x8B93;&#x5927;&#x5BB6;&#x641E;&#x61C2;&#x6574;&#x500B;&#x904A;&#x6232;&#x5728;&#x5E79;&#x561B; &#x76EE;&#x524D;&#x6574;&#x7406;&#x4E0D;&#x4E00;&#x5B9A;&#x662F;&#x6700;&#x597D;&#x7684; &#x6C92;&#x6709;&#x5168;&#x5217;&#xFF0C;&#x53EA;&#x662F;&#x5217;&#x5E7E;&#x500B;&#x9084;&#x4E0D;&#x932F;&#x7684; &#x6C92;&#x6709;&#x696D;&#x914D; &#x9084;&#x6709;&#x5F88;&#x591A;&#x8981;&#x88DC;&#x7684;&#x6771;&#x6771; &#x6709;&#x932F;&#x8981;&#x8DDF;&#x6211;&#x8AAA; &#x4EE5;&#x4E0B;&#x8CC7;&#x8A0A;&#x4EE5;&#x5B98;&#x65B9;&#x6216;&#x5404;&#x9280;&#x884C;&#x7DB2;&#x7AD9;&#x70BA;&#x4E3B;

Nov 21, 2022
CSIE / IT / Software Develop Online Course Info

This document organize courses on Coursera I wanted to learn, created in Summer 2020. I decided to put my CSIE and programming learning progress in this documents after I unschooled. I&apos;m not good at English. Please send PR if there is anything wrong. &#x8AB2;&#x7A0B;&#x5B89;&#x6392; / Study Plan Learning Goal Known all of the knowledge and skill of a Full-stack Engineer.

Sep 14, 2021
體制內自學生的背後想要說的一些事

&#x63D0;&#x6848;&#x4EBA; &#x7165;&#x6770; &#x7533;&#x8ACB;&#x975E;&#x5B78;&#x6821;&#x578B;&#x614B;&#x5BE6;&#x9A57;&#x6559;&#x80B2; Lin Lee &#x5178;&#x578B;&#x9AD4;&#x5236;&#x5167;&#x7684;&#x5B78;&#x751F; &#x611F;&#x89BA;&#x6C92;&#x6709;&#x5F9E;&#x9AD4;&#x5236;&#x5167;&#x7372;&#x76CA;

Mar 10, 2021
Read more from 廖煥杰
Published on HackMD