在 window 环境下对 VSCode 进行一个 SFML 的配置

本文详细介绍如何通过VSCode、SFML和mingw搭建C++开发环境。包括软件下载、环境变量配置、VSCode配置(c_cpp_properties.json、tasks.json、launch.json)等步骤,帮助读者实现从零开始的环境搭建。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一步:进行一个软件的下载(VSCode + SFML + mingw)。

这三份文件可在各自的官网进行下载。其中 SFML & mingw 均不需安装,但需要进行一个解压。(不过小编建议将 SFML 解压在以后需要 coding 的磁盘内。)

第二步:进行一个环境变量的配置

  1. 进入高级系统设置

    • 高级系统设置的打开方法(直接在搜索框内搜索)

    在这里插入图片描述

  2. 新增 Path 中的变量(用户变量 & 系统变量均可)

    • 分别填入 mingw & SFML 目录下 bin 文件的路径。
    • 示例:
      -示例
  3. 新增用户环境中的变量

    • 分别添加变量名为 CPLUS_INCLUDE_PATH & LIBRARY_PATH 的项,变量值分别为 SFML 目录下 include 和 lib 文件夹的路径。
      在这里插入图片描述
      在这里插入图片描述
  4. 校验 minw 是否配置成功

    • 打开 cmd,输入 g++ -v 。
    • 若出现类似下列版本信息,则表明配置成功。
      在这里插入图片描述

第三步:进行一个 VSCode 的配置

  1. 打开 vsc,新建文件夹。

  2. 输入 Ctrl + Shift + p,输入 c++.json,打开文件。

在这里插入图片描述

{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceFolder}/**",
                "E:\\Path\\SFML-2.5.1\\include" 
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "compilerPath": "E:\\Path\\minwin\\mingw64\\bin\\gcc.exe",
            "cStandard": "gnu17",
            "cppStandard": "gnu++14",
            "intelliSenseMode": "windows-gcc-x64"
        }
    ],
    "version": 4
}

3.同理,在生成的 .vscode 文件夹中配置 tasks.json

  • 因为 vscode中c_cpp_properties.json的"includePath"只是告诉vscode插件在哪里找到头文件,便于进行源码查看和debug,并没有告诉gcc编译器这个路径!!!
  • 因此,在 “args” 添加了 “-I”, “E:/Path/SFML-2.5.1/include” 告诉编译器 include 文件夹的位置。
{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: g++.exe 生成活动文件",
            "command": "E:\\Path\\minwin\\mingw64\\bin\\g++.exe",
            "args": [
                "-fdiagnostics-color=always",
                "-g",
                "${file}",
                "-lsfml-graphics",
                "-lsfml-system",
                "-lsfml-window",
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe",
                "-I",
				"E:/Path/SFML-2.5.1/include"
            ],
            "options": {
                "cwd": "${fileDirname}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "调试器生成的任务。"
        }
    ],
    "version": "2.0.0"
}

4.配置 launch.json

  • 具现该文件的方法

    • 直接在 .vscode 文件夹中新建 launch.json 文件。

    • 点击 左侧栏的在这里插入图片描述

    • 图标,点击创建在这里插入图片描述

  • 同理,进行配置。(相应的 minw 路径仍需要改变一下)

    {
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "name": "g++.exe - 生成和调试活动文件",
                "type": "cppdbg",
                "request": "launch",
                "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
                "args": [],
                "stopAtEntry": false,
                "cwd": "${fileDirname}",
                "environment": [],
                "externalConsole": true,
                "MIMode": "gdb",
                "miDebuggerPath": "E:\\Path\\minwin\\mingw64\\bin\\gdb.exe",
                "setupCommands": [
                    {
                        "description": "为 gdb 启用整齐打印",
                        "text": "-enable-pretty-printing",
                        "ignoreFailures": true
                    },
                    {
                        "description": "将反汇编风格设置为 Intel",
                        "text": "-gdb-set disassembly-flavor intel",
                        "ignoreFailures": true
                    }
                ],
                "preLaunchTask": "C/C++: g++.exe 生成活动文件"
            }
        ]
    }
    
    

    5.tasks.json文件的配置

    {
        "files.associations": {
            "iostream": "cpp",
            "*.tcc": "cpp"
        }
    }
    

第四步:测试配置是否成功

在这里插入图片描述

查阅的资料
①sfml+vscode+mingw环境配置(https://blog.csdn.net/u010757332/article/details/103436648)

②vscode编译c++提示 No such file or directory该怎么解决呢?(https://www.zhihu.com/question/373745969/answer/1581576356)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值