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

第一步:进行一个软件的下载(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)

  • 6
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在VSCode配置C++环境并使用SFML库,你可以按照以下步骤进行操作: 1. 首先,确保你已经安装VSCodeC++编译器(如GCC)。 2. 在VSCode安装C++插件,例如"C/C++"或"Code Runner"插件。打开VSCode,点击扩展图标(四个方块组成的正方形),搜索并安装插件。 3. 创建一个新的C++项目文件夹,并打开该文件夹。 4. 在项目文件夹中创建一个名为`.vscode`的文件夹。 5. 在`.vscode`文件夹中创建一个名为`tasks.json`的文件,并将以下内容复制到该文件中: ```json { "version": "2.0.0", "tasks": [ { "label": "build", "type": "shell", "command": "g++", "args": [ "-g", "${file}", "-o", "${fileDirname}/${fileBasenameNoExtension}" ], "group": { "kind": "build", "isDefault": true } } ] } ``` 这个`tasks.json`文件将使用GCC编译器构建你的C++代码。 6. 接下来,在项目文件夹中创建一个名为`launch.json`的文件,并将以下内容复制到该文件中: ```json { "version": "0.2.0", "configurations": [ { "name": "(gdb) Launch", "type": "cppdbg", "request": "launch", "program": "${fileDirname}/${fileBasenameNoExtension}", "args": [], "stopAtEntry": false, "cwd": "${workspaceFolder}", "environment": [], "externalConsole": true, "MIMode": "gdb", "miDebuggerPath": "/usr/bin/gdb" } ] } ``` 这个`launch.json`文件将使用GDB调试器来运行你的C++代码。 7. 现在,你需要下载SFML库并将其安装在你的系统上。你可以从SFML官网(https://www.sfml-dev.org/)下载相应的库文件。 8. 将SFML库文件解压到你的项目文件夹中(或者你可以选择在全局安装)。 9. 在VSCode中打开你的项目文件夹,创建一个新的C++源代码文件,并在其中编写你的SFML程序。 10. 编写完程序后,按下`Ctrl + Shift + B`键,选择"build"任务来编译你的代码。 11. 最后,按下`F5`键来运行你的程序,选择"(gdb) Launch"配置进行调试。 通过以上步骤,你应该能够在VSCode配置C++环境并使用SFML进行开发。请注意,上述步骤可能因操作系统和软件版本而有所不同,所以请根据自己的情况进行相应的调整。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值