VSCode 開發環境搭建 ---- C/C++ 開發環境搭建 及 調試文件配置教程【圖文詳解】---解決新同學的配置問題

很多小夥伴會爲VSCode 開發環境搭建 ---- C/C++ 開發環境搭建 及 調試文件配置而煩惱,今天你看我了我這篇教程,我保證你會自己配置,如果有疑問,可以第一時間私信我,我看到的會第一時間回覆

在這裏插入圖片描述

VSCode 開發環境搭建 ---- C/C++ 開發環境搭建 及 調試文件配置教程
平臺:Windows 10
IDE:Visual Studio Code :VSCode
功能環境:C/C++ 代碼運行環境**

作爲一個開放人員,要是不會用vscode豈不是被笑話,下面給大家展示一下效果圖
在這裏插入圖片描述

工欲善其事,必先利其器,是不是很喜歡這個IDE,好!下面就是教程

目錄

  • 開發平臺確認
  • VSCode 下載及安裝
  • VSCode 下載:
  • VSCode 安裝:
  • VSCode 插件安裝
  • VSCode 中文插件安裝
  • VSCode vscode-icons插件安裝
  • VSCode C/C++ 插件安裝
  • VSCode C++ Intellisense插件安裝
  • VSCode Code Runner插件安裝
  • GCC 編譯環境配置
  • mingw64 下載
  • 環境變量配置
  • C/C++測試代碼編寫及運行
  • 調試文件的配置

開發平臺確認

確認開發平臺的系統信息:目前基於Windows 10 - 64位操作系統進行VSCode配置。
在這裏插入圖片描述

2. VSCode 下載及安裝:

1.VScode 官網下載鏈接:傳送門
2. 打開連接地址,點擊【Download for Windows】:
在這裏插入圖片描述
3. 下載的VScode安裝源文件如下:
在這裏插入圖片描述
在這裏插入圖片描述

3. VSCode 安裝:

  1. 雙擊打開下載好的VScode安裝源文件,點擊【運行按鈕】:此處爲系統安全提示。
  2. 在這裏插入圖片描述
  3. 選擇安裝路徑:
  4. 在這裏插入圖片描述
  5. 點擊接受許可協議:
    在這裏插入圖片描述
    6.選擇安裝配置,點擊下一步:
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
    安裝完成後的界面:
    在這裏插入圖片描述
    安裝完成後第一次打開界面:
    在這裏插入圖片描述
    Visual Studio Code(簡稱VS Code)是一個由微軟開發,同時支持Windows 、 Linux和macOS等操作系統且開放源代碼的代碼編輯器,它支持測試,並內置了Git 版本控制功能,同時也具有開發環境功能,例如代碼補全(類似於 IntelliSense)、代碼片段和代碼重構等,該編輯器支持用戶個性化配置,例如改變主題顏色、鍵盤快捷方式等各種屬性和參數,同時還在編輯器中內置了擴展程序管理的功能。

4.VScode插件安裝

  • VSCode 中文插件安裝

VScode默認爲英文界面,可以根據自己的需要添加中文插件,添加中文插件後重新打開VScode,UI界面會自動切換到中文顯示界面。如果需要換回英文顯示界面,刪除此插件,重新打開VScode,UI會重新切換到英文顯示界面。

  • 搜索並安裝插件:Chinese (Simplified) Language Pack for Visual Studio Code
    在這裏插入圖片描述
  • 安裝完插件後,重新打開VScode,UI界面已經自動切換到中文界面:
    在這裏插入圖片描述
    VSCode vscode-icons插件安裝
  • 搜索並安裝插件:vscode-icons

在這裏插入圖片描述
VSCode C/C++ 插件安裝

  • 搜索並安裝插件:C/C++

在這裏插入圖片描述
VSCode C++ Intellisense插件安裝

  • 搜索並安裝插件:C++ Intellisense

在這裏插入圖片描述

VSCode Code Runner插件安裝

  • 搜索並安裝插件:Code Runner;
    在這裏插入圖片描述

5.GCC 編譯環境配置

mingw64 下載

PS:鑑於MingW64官網下載速度很慢而且容易下載失敗,我在這裏放了一個我電腦裏面MingW64百度網盤資源,下面是鏈接:
鏈接: https://pan.baidu.com/s/1OUIzhEWzZh-qQJKh8i_sFA
提取碼: b45g
PS:下載完後記得解壓

  • 打開系統環境變量配置:
    在這裏插入圖片描述
  • 用戶環境變量添加:

path變量添加:
在這裏插入圖片描述

  1. Include變量添加:

在這裏插入圖片描述
2. 系統環境變量添加:

在這裏插入圖片描述
在這裏插入圖片描述
3. 驗證GCC環境配置是否正確:【Win+R】–> 【cmd】,在打開的控制檯窗口輸入【gcc -v】,查看gcc版本信息是否與前門下載的一致。
4. 在這裏插入圖片描述
5. 到此爲止,C/C++ 代碼運行環境搭建完成,接下來就可以進行代碼編寫和查看運行結果。
6. 爲方便調試運行程序,需要對code runner 做如下配置:
7.
在這裏插入圖片描述

6.測試配置C/C++源代碼

PS:每次要運行前,記得點Ctrl+S保存之後再運行,這纔不會報錯,也可以在文件裏面,選擇自動保存!!!!!!非常重要

在這裏插入圖片描述

7.編譯文件的配置

1.在一個磁盤裏創建一個文件夾,作爲C/C+的工作區間,如圖,是我的創建的工作空間:

在這裏插入圖片描述

2.選擇以CorCPlus文件夾以vscode打開:

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

ps:這裏插入一個嗶哩嗶哩視頻(視頻裏面有一些常見的插件配置(建議大家看一下)),可以幫大家仔細看看我的配置過程:

VSCode 開發環境搭建 ---- C/C++ 開發環境搭建 及 調試文件配置教程【圖文詳解】—解決新同學的配置問題

到這裏就完全配置成功了,下面是一些好看的主題推薦,(選看)覺得我寫的可以的話,就點贊吧!如果還是不行,可以關注我,私信問我,我看到了一定會回覆的。

頁面太白不喜歡,黑色又太壓抑怎麼辦?

Slack Theme(本人很喜歡)
在這裏插入圖片描述
cozypink(滿足你的少女心,男生也可以喲)
在這裏插入圖片描述
cozygreen(近視眼必備<(▰˘◡˘▰)>)
在這裏插入圖片描述
還有一款我比較常用:Material Theme 一款大海的顏色主題
在這裏插入圖片描述
在這裏插入圖片描述

覺得我寫的不錯的就點個贊吧!如果有什麼不會的,,可以私信問我!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章