VS Code入門--環境C/C++配置

VS code開發環境配置

• 0 安裝工具
• 1 安裝MinGW
• • 1.1 安裝檔案内容
  • 1.2 添加環境變量
  • 1.3 測試安裝
• 2 安裝Visual Studio code文本編輯器
• • 2.1 安裝插件--Extensions
  • 2.2 配置C/C++簡單環境（完成上面所有步驟，重新開機之後）
  • • 2.2.1 基本要點
  • 2.3 修改VS Code條似乎配置檔案
  • • 2.3.1 打開檔案夾
    • 2.3.2 配置
• 3 測試Demo
• 4 指令行編譯代碼
• • 4.1 編譯代碼指令

IDE環境：Viusal Studio

文本編輯器+編譯器：VS code+MinGW 環境配置

學習來源： https://zhuanlan.zhihu.com/p/77074009

0 安裝工具

• VS code
• MinGW: https://sourceforge.net/projetcs/mingw-w64/

1 安裝MinGW

• 千萬注意解壓縮時候的目錄一定不要出現中文字元，防止後面出現意想不到的意外。
• 壓縮檔案内是一個名為mingw64的單檔案夾，建議直接防止在某盤符下面；

1.1 安裝檔案内容

1.2 添加環境變量

環境變量位址：即bin檔案夾下位址–是我們實際調用的編譯器的所在的位置。

位址例如：C:\mingw64\bin

• 編譯器這類程式都不能直接輕按兩下打開，而是要通過某種方式使得這些編譯器被外部程式/或編輯器 調用。
• win+s=打開桌面底部工作列點開搜尋欄：輸入環境變量–>選擇編輯賬戶的環境變量（建議選擇這一個，防止誤改系統變量）
• 輕按兩下Path，選擇編輯；但不建議動下面的系統變量。

  

1.3 測試安裝

win+r–>cmd指令 : gcc --version

測試成功如上圖所示；

2 安裝Visual Studio code文本編輯器

VS code是跨平台對應的的系統：可以在windows,Linux和Mac系統上進行開發

文本編輯器是用來寫代碼的，是不為特定語言服務。隻要是能夠編寫純文字的軟體，如Windows記事本，都可以編寫任何語言的代碼。但考慮到實際的變成體驗，衆多專用的編輯器被開發出來，以提供代碼高亮(根據特定的與研發給代碼染色，便于閱讀)，語言檢查錯誤，代碼補全，斷點調試，多檔案多項目的管理等。

2.1 安裝插件–Extensions

• 漢化插件-Chinese(Simplifyed Lanuage)

• C/C++環境：C/C++

  修改完環境變量，安裝或更新完插件後，重新開機VS code，以便使得各種修改生效

2.2 配置C/C++簡單環境（完成上面所有步驟，重新開機之後）

這部分對應VS code的具體使用；

2.2.1 基本要點

• 腦子裡時刻要有源代碼檔案概念。代碼要寫成檔案儲存到硬碟起來，然後才有後續的工作。

• VS code是支援衆多語言的編輯器，絕不僅僅隻是為C/C++服務，是以要確定代碼源檔案的字尾名寫對。

  C語言字尾名.c ;C++字尾名是.cpp。這是VS Code區分代碼類型的标志。

• 編寫C/C++這類程式有兩個基本步驟：一是根據代碼檔案或檔案包生成程式檔案–編譯、生成，需要調用MinGW-64編譯器來完成這件事。二是吧剛剛生成的程式跑起來，這叫做執行，需要你向系統發出執行這個程式的訓示。
• 這兩個基本步驟:一般都是在指令行的環境下進行，輸入輸出也是在這裡面。VS code的優勢之一，把系統的指令行都內建軟體内部，名喚“終端”。
• 【工作區和檔案夾的用法：】

2.3 修改VS Code條似乎配置檔案

2.3.1 打開檔案夾

file–>打開檔案夾–>右鍵–>建立檔案夾–>VS-CODE-C

資料總管：側邊欄由上至下分别是“打開的編輯器” “工作的檔案夾名”，“大綱”，通過左側的小三角>都可以展開或這折疊—>在這裡能友善地進行建立，移動，複制，删除檔案或檔案夾等基本操作

【好處】

• VS Code中打開的一個檔案夾下可以包含你一個項目或一段時期的各種檔案，便于我們分門别類，有序的組織代碼。
• 這個檔案夾内可以儲存獨立的配置（位于自動建立的子目錄.VSCode下，能随工作檔案夾一起移動），僅在這個檔案夾内生效而不修改使用者個人的全局配置，也不會與其他檔案的配置相沖突。對于C/C++插件是必須的。
• VS Code的內建終端在打開的檔案夾内自動以該檔案夾為啟動目錄，這樣在裡面編譯和執行程式時可以友善地使用相對路徑。

2.3.2 配置

**所謂配置：就是放在.vscode檔案夾裡面的一堆.json檔案，通常會被自動建立，儲存了僅用于這個打開的檔案夾的諸多配置。

方法一：建立三個配置檔案 .json檔案

方法二：圖形話界面配置

1. Ctrl+Shift+P–>喚出指令面闆–>C/C++編輯配置(UI)

   （也可以使用配置.json檔案）

   

• 諸配置中最重要的就是編譯器路徑和IntelliSence模式這兩項，若是前面正确配置了環境變量，這此時都會自動出現正确的編譯器路徑。
• 編譯C程式選擇gcc.exe，編譯C++則選擇g++.exe；模式選擇gcc-x64.

  

• 配置完成之後，可以看到一個c_cpp_propertities檔案被自動儲存在了.vscode子目錄中，它隻在這個檔案夾中生效。如果使用一個新的工作檔案夾，就重新配置一下或者把原來的.vscode檔案夾複制過來。

  Note:。vscode是工作檔案夾的子目錄，下次打開項目時注意到隻開到上一級工作檔案夾（例如：我上面就是VS-CODE-C）.

  至此配置工作完成，具體用法如下所示。

3 測試Demo

編寫"Hello world"程式

1. 到工作檔案夾中添加一個源代碼檔案–hello.c

   

編寫完成要儲存，提醒未儲存檔案的标記：大點号，多兩眼。

Note:注意建立檔案擺放的位置，應該是直接擺放在工作檔案夾下，視覺上跟最左側平齊，别放在了某個子檔案夾下面

2. 配置任務

第一次執行編譯任務前，需要配置任務。選擇菜單欄【終端】–>【配置任務…】–>選擇“C/C++:gcc.exe build active file”(若是C++則應是"g++.exe build active file")

1. 選中點選之後，一個tasks.json檔案将被自動建立并儲存在.vscode中，并自動打開，其内容如下：

   

在VS Code和"C/C++"插件都更新到最新版本後，這個預設配置就已經相當完善，無需修改關閉即可

4. 為了執行這個編譯任務，先打開要編譯的代碼檔案，然後選擇菜單欄【終端】–>【運作生成任務】（快捷鍵Ctrl+Shift+B）.

1. 編譯任務生成檔案.exe

   

出現上圖情景即代表編譯成功！注意這個步驟僅僅是生成了目标程式，但還沒有執行它。

6. 執行程式

終端–>新終端

• 對于這種放在最外面的程式，輸入.\程式名.exe即可執行.
• 小技巧：輸入部分檔案名後按Tab鍵即可自動補全.

  

=分割線============================

4 指令行編譯代碼

指令行編譯代碼：這種方式是全自由的，跟是否配置了生成任務沒有關系

儲存代碼後按快捷鍵 Ctrl+[`]打開嵌入式終端（指令行環境）

4.1 編譯代碼指令

gcc -o 目标程式路徑和檔案名 源代碼檔案路徑
執行程式：.\目标程式
           

路徑可以是絕對的或相對的，當然相對路徑一般更友善