VS Code C++ 环境配置及 HelloWorld 程序(保姆教程)

终是梦幻 發表於 2025-12-8 16:43:26

VS Code C++ 环境配置及 HelloWorld 程序(保姆教程)

<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li>VS Code C++ 环境配置及 HelloWorld 程序</li><ul class="second_class_ul"><li>一、环境配置（Windows/macOS/Linux）</li><ul class="third_class_ul"><li>1. 安装必要软件</li><li>2. 安装 VS Code 扩展</li></ul><li>二、第一个 HelloWorld 程序</li><ul class="third_class_ul"><li>1. 创建项目目录结构</li><li>2. 编写 HelloWorld 程序</li></ul><li>三、VS Code 配置文件</li><ul class="third_class_ul"><li>1..vscode/c_cpp_properties.json</li><li>2..vscode/tasks.json- 编译任务</li><li>3..vscode/launch.json- 调试配置</li></ul><li>四、分平台配置方案</li><ul class="third_class_ul"><li>Windows 配置（MinGW）</li><li>macOS/Linux 配置</li></ul><li>五、编译和运行步骤</li><ul class="third_class_ul"><li>方法1：使用任务运行（推荐）</li><li>方法2：使用终端</li></ul><li>六、调试功能使用</li><ul class="third_class_ul"><li>基础调试操作</li><li>调试窗口</li></ul><li>七、使用 CMake（高级）</li><ul class="third_class_ul"><li>CMakeLists.txt</li><li>配置步骤</li></ul><li>八、常见问题解决</li><ul class="third_class_ul"><li>1. "g++ not found" 错误</li><li>2. 中文乱码问题</li><li>3. 调试不工作</li></ul><li>九、快速模板项目</li><ul class="third_class_ul"></ul></ul></ul></div><p class="maodian"></p><h2>VS Code C++ 环境配置及 HelloWorld 程序</h2>
<p class="maodian"></p><h3>一、环境配置（Windows/macOS/Linux）</h3>
<p class="maodian"></p><h4>1. 安装必要软件</h4>
<p><strong>Windows:</strong></p>
<div class="jb51code"><pre class="brush:plain;"># 1. 安装 Visual Studio Code
# 下载地址：https://code.visualstudio.com/
# 2. 安装 MSVC 或 MinGW
# 方案A：安装 Visual Studio Build Tools
# 下载：https://visualstudio.microsoft.com/zh-hans/downloads/
# 勾选 "使用C++的桌面开发"
# 方案B：安装 MinGW-w64
# 下载：https://sourceforge.net/projects/mingw-w64/</pre></div>
<p><strong>macOS:</strong></p>
<div class="jb51code"><pre class="brush:bash;"># 安装 Xcode Command Line Tools
xcode-select --install
# 或使用 Homebrew 安装 GCC
brew install gcc</pre></div>
<p><strong>Linux (Ubuntu/Debian):</strong></p>
<div class="jb51code"><pre class="brush:bash;">sudo apt update
sudo apt install build-essential gdb</pre></div>
<p class="maodian"></p><h4>2. 安装 VS Code 扩展</h4>
<p>打开 VS Code，安装以下扩展：</p>
<ol><li><strong>C/C++</strong> (Microsoft) - 代码补全、调试</li><li><strong>C/C++ Extension Pack</strong> - 扩展包（推荐）</li><li><strong>CMake Tools</strong> (可选) - CMake 支持</li></ol>
<p class="maodian"></p><h3>二、第一个 HelloWorld 程序</h3>
<p class="maodian"></p><h4>1. 创建项目目录结构</h4>
<div class="jb51code"><pre class="brush:plain;">my-cpp-project/
├── .vscode/
│ ├── tasks.json    # 编译任务配置
│ ├── launch.json # 调试配置
│ └── c_cpp_properties.json # 编译器配置
├── src/
│ └── main.cpp    # 源代码
└── build/          # 编译输出目录（自动生成）</pre></div>
<p class="maodian"></p><h4>2. 编写 HelloWorld 程序</h4>
<p><strong>src/main.cpp:</strong></p>
<div class="jb51code"><pre class="brush:cpp;">#include <iostream>
int main() {
std::cout << "Hello, VS Code C++ World!" << std::endl;
// 一些额外的示例
std::cout << "================" << std::endl;
std::cout << "C++ 版本: " << __cplusplus << std::endl;
int a = 10, b = 20;
std::cout << "a + b = " << a + b << std::endl;
// 等待用户输入
std::cout << "\n按回车键退出...";
std::cin.get();
return 0;
}</pre></div>
<p class="maodian"></p><h3>三、VS Code 配置文件</h3>
<p class="maodian"></p><h4>1..vscode/c_cpp_properties.json</h4>
<div class="jb51code"><pre class="brush:json;">{
"configurations": [
   {
         "name": "Win32",
         "includePath": [
            "${workspaceFolder}/**",
            "${default}"
         ],
         "defines": [
            "_DEBUG",
            "UNICODE",
            "_UNICODE"
         ],
         "windowsSdkVersion": "10.0.19041.0",
         "compilerPath": "C:/msys64/mingw64/bin/g++.exe",// 根据实际路径修改
         "cStandard": "c17",
         "cppStandard": "c++17",
         "intelliSenseMode": "windows-gcc-x64"
   }
],
"version": 4
}</pre></div>
<p class="maodian"></p><h4>2..vscode/tasks.json- 编译任务</h4>
<div class="jb51code"><pre class="brush:json;">{
"version": "2.0.0",
"tasks": [
   {
         "type": "cppbuild",
         "label": "C/C++: g++.exe 构建活动文件",
         "command": "g++",
         "args": [
            "-fdiagnostics-color=always",
            "-g",
            "${workspaceFolder}/src/main.cpp",
            "-o",
            "${workspaceFolder}/build/main.exe"
         ],
         "options": {
            "cwd": "${workspaceFolder}"
         },
         "problemMatcher": ["$gcc"],
         "group": {
            "kind": "build",
            "isDefault": true
         },
         "detail": "编译器: g++.exe"
   },
   {
         "label": "Clean Build",
         "command": "rm",
         "args": ["-rf", "${workspaceFolder}/build/*"],
         "type": "shell",
         "group": "build"
   }
]
}</pre></div>
<p class="maodian"></p><h4>3..vscode/launch.json- 调试配置</h4>
<div class="jb51code"><pre class="brush:json;">{
"version": "0.2.0",
"configurations": [
   {
         "name": "(gdb) 启动",
         "type": "cppdbg",
         "request": "launch",
         "program": "${workspaceFolder}/build/main.exe",
         "args": [],
         "stopAtEntry": false,
         "cwd": "${workspaceFolder}",
         "environment": [],
         "externalConsole": true,
         "MIMode": "gdb",
         "miDebuggerPath": "C:/msys64/mingw64/bin/gdb.exe", // 根据实际路径修改
         "setupCommands": [
            {
               "description": "为 gdb 启用整齐打印",
               "text": "-enable-pretty-printing",
               "ignoreFailures": true
            }
         ],
         "preLaunchTask": "C/C++: g++.exe 构建活动文件"
   }
]
}</pre></div>
<p class="maodian"></p><h3>四、分平台配置方案</h3>
<p class="maodian"></p><h4>Windows 配置（MinGW）</h4>
<div class="jb51code"><pre class="brush:json;">// tasks.json (Windows MinGW)
{
"tasks": [
   {
         "label": "build",
         "type": "shell",
         "command": "g++",
         "args": [
            "-g",
            "-std=c++17",
            "${workspaceFolder}/src/*.cpp",
            "-I${workspaceFolder}/include",
            "-o",
            "${workspaceFolder}/build/main.exe"
         ],
         "group": {
            "kind": "build",
            "isDefault": true
         }
   }
]
}</pre></div>
<p class="maodian"></p><h4>macOS/Linux 配置</h4>
<div class="jb51code"><pre class="brush:json;">// tasks.json (macOS/Linux)
{
"tasks": [
   {
         "label": "build",
         "type": "shell",
         "command": "g++",
         "args": [
            "-g",
            "-std=c++17",
            "${workspaceFolder}/src/*.cpp",
            "-I${workspaceFolder}/include",
            "-o",
            "${workspaceFolder}/build/main"
         ],
         "group": {
            "kind": "build",
            "isDefault": true
         }
   }
]
}</pre></div>
<p class="maodian"></p><h3>五、编译和运行步骤</h3>
<p class="maodian"></p><h4>方法1：使用任务运行（推荐）</h4>
<ol><li><strong>Ctrl+Shift+B</strong> - 编译程序</li><li><strong>F5</strong> - 编译并调试运行</li><li><strong>Ctrl+F5</strong> - 运行程序（不调试）</li></ol>
<p class="maodian"></p><h4>方法2：使用终端</h4>
<div class="jb51code"><pre class="brush:bash;"># 进入项目目录
cd my-cpp-project
# 创建build目录
mkdir -p build
# 编译
g++ -g -std=c++17 src/main.cpp -o build/main
# 运行 (Linux/macOS)
./build/main
# 运行 (Windows)
.\build\main.exe</pre></div>
<p class="maodian"></p><h3>六、调试功能使用</h3>
<p class="maodian"></p><h4>基础调试操作</h4>
<ol><li><strong>F9</strong> - 设置/取消断点</li><li><strong>F5</strong> - 开始调试</li><li><strong>F10</strong> - 单步跳过</li><li><strong>F11</strong> - 单步进入</li><li><strong>Shift+F5</strong> - 停止调试</li></ol>
<p class="maodian"></p><h4>调试窗口</h4>
<ul><li><strong>变量窗口</strong> - 查看变量值</li><li><strong>监视窗口</strong> - 添加要监视的表达式</li><li><strong>调用堆栈</strong> - 查看函数调用关系</li><li><strong>断点窗口</strong> - 管理所有断点</li></ul>
<p class="maodian"></p><h3>七、使用 CMake（高级）</h3>
<p class="maodian"></p><h4>CMakeLists.txt</h4>
<div class="jb51code"><pre class="brush:plain;">cmake_minimum_required(VERSION 3.10)
project(HelloWorld)
set(CMAKE_CXX_STANDARD 17)
set(CMAKE_CXX_STANDARD_REQUIRED ON)
add_executable(main src/main.cpp)</pre></div>
<p class="maodian"></p><h4>配置步骤</h4>
<ol><li>安装 CMake Tools 扩展</li><li>创建 <code>CMakeLists.txt</code></li><li>按 <strong>Ctrl+Shift+P</strong>，输入 "CMake: Configure"</li><li>按 <strong>F7</strong> 构建项目</li></ol>
<p class="maodian"></p><h3>八、常见问题解决</h3>
<p class="maodian"></p><h4>1. "g++ not found" 错误</h4>
<div class="jb51code"><pre class="brush:cpp;"># Windows: 确保 MinGW 已加入 PATH
# 检查方法：
g++ --version
# 在终端设置 PATH
set PATH=C:\mingw64\bin;%PATH%</pre></div>
<p class="maodian"></p><h4>2. 中文乱码问题</h4>
<div class="jb51code"><pre class="brush:cpp;">// 在 main.cpp 开头添加：
#ifdef _WIN32
#include <windows.h>
#endif
int main() {
#ifdef _WIN32
SetConsoleOutputCP(65001); // UTF-8
#endif
std::cout << "中文测试" << std::endl;
}</pre></div>
<p class="maodian"></p><h4>3. 调试不工作</h4>
<ol><li>检查 <code>launch.json</code> 中的路径</li><li>确保编译时使用 <code>-g</code> 参数</li><li>检查 GDB 是否正确安装</li></ol>
<p class="maodian"></p><h3>九、快速模板项目</h3>
<p>可以从 GitHub 下载模板：</p>
<div class="jb51code"><pre class="brush:bash;">git clone https://github.com/yourusername/vscode-cpp-template.git
cd vscode-cpp-template
code .</pre></div>
<p>现在你已经配置好了完整的 C++ 开发环境！开始编写代码吧！</p>
<p>到此这篇关于VS Code C++ 环境配置及 HelloWorld 程序(保姆教程)的文章就介绍到这了,更多相关VS Code C++ 环境配置内容请搜索琼殿技术社区以前的文章或继续浏览下面的相关文章希望大家以后多多支持琼殿技术社区！</p>

                        <div class="art_xg">
                           <b>您可能感兴趣的文章:</b><ul><li>VSCode中C/C++安装、配置以及使用的完整指南(适合新手小白)</li><li>Ubuntu系统下如何在VScode配置OpenCV(C++)环境(.json文件)</li><li>在 VSCode 中配置 C++ 开发环境的详细教程</li><li>Vs Code中C/C++配置launch.json和tasks.json文件详细步骤</li><li>VSCode配置C/C++语言环境(2023最新版)</li><li>windows上配置vscode C/C++代码跳转的实现</li><li>VSCode配置C/C++环境的最新详细教程</li><li>VsCode安装和配置c/c++环境小白教程(图文)</li></ul>
                        </div>

                     </div>

頁: [1]

琼殿技术论坛's Archiver

VS Code C++ 环境配置及 HelloWorld 程序(保姆教程)