Vscode C环境配置-转载

本文详细介绍了在Windows 10环境下使用VSCode搭建C/C++开发环境的步骤,包括安装VSCode、C/C++插件、mingw-w64,以及配置launch.json、tasks.json和settings.json文件。

说明:

此文章是我完全转载的,我只是完全拷贝过来作为备份文章,方便查看。

在此感谢原作者,原作者文章地址:https://blog.youkuaiyun.com/qq_43067190/article/details/82117149


环境: 
WIN10 64 专业版 
vscode版本:1.24.1 
launch.json版本:0.2.0 
tasks.json版本:2.0.0 
mingw-w64版本:8.1.0 
配置过程: 
一、 安装vscode 
vscode官网下载安装包直接安装即可 
二、 vscode内安装C/C++ 插件 
vscode内按快捷组合键Ctrl+Shift+X(或如图点击[拓展]按钮)打开拓展分页,在搜索栏输入” C “,查找到如图的第一个插件,安装并重新加载之。再推荐几个插件,包括彩虹括号和汉化。 
è¿éåå¾çæè¿°

è¿éåå¾çæè¿°

è¿éåå¾çæè¿°

è¿éåå¾çæè¿°

 

三、 安装mingw-w64(具体安装与环境变量配置可以查看这里) 
在mingw-w64官网下载64位的mingw-w64离线包 
https://sourceforge.net/projects/mingw-w64/files/?source=navbar 
根据系统选择合适的安装包进行下载(win10_64位选择如图标签) 
 

è¿éåå¾çæè¿°

下载完成后出现安装包 
安装该包,在Setting 界面将Architecture选项改为x86_64,其他不变,选择合适的安装路径(默认或重新指定都可以,路径中不要有中文) 
也可以直接下载文件压缩包(我是下载文件压缩包直接解压就可以用了) 

è¿éåå¾çæè¿°

è¿éåå¾çæè¿°

配置计算机环境变量如图(我的解压路径是C:\Program Files\mingw-w64\x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0,因此环境变量这么加) 
è¿éåå¾çæè¿°

安装完成后打开控制台,分别输入 g++ -v 和 gcc -v、gdb -v 查看环境是否安装成功(是否有当前版本号) 

è¿éåå¾çæè¿°

四、重启电脑(重要)。 
五、配置运行环境 
打开vscode,选择或新建一个空文件夹目录打开作为项目目录。 
点击“文件”按钮,再点击“新建文件夹”按钮,并重命名为”.vscode”。 
在该文件夹内,在点击“新建文件”按钮,建launch.json,settings.json,tasks.json三个.json文件。如图所示。 
è¿éåå¾çæè¿°

launch.json的文件内容如下: 

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) Launch",
            "preLaunchTask": "build",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "miDebuggerPath": "C:/Program Files/mingw-w64/x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0/mingw64/bin/gdb.exe", // 这里修改GDB路径为安装的mingw64的bin下的gdb.exe路径
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true,
                }
            ]
        }]
}

 

tasks.json的文件内容如下:

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type": "shell",
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "presentation": {
                "echo": true,
                "reveal": "always",
                "focus": false,
                "panel": "shared"
            },
            "windows": {
                "command": "g++",
                "args": [
                    "-ggdb",
                    "\"${file}\"",
                    "--std=c++11",
                    "-o",
                    "\"${fileDirname}\\${fileBasenameNoExtension}.exe\"",
                    "-finput-charset=UTF-8",//输入编译器文本编码 默认为UTF-8
                    "-fexec-charset=GBK"//编译器输出文本编码 自行选择
                ]
            }
        }
    ]
}

 

settings.json的文件内容如下: 
用户设置为:

// Configuring tasks.json for C/C++ debugging 
// author: huihut
// repo: https://gist.github.com/huihut/887d3c28db92617bd5148c20a5ff112a

// Available variables which can be used inside of strings.
// ${workspaceRoot}: the root folder of the team        
// ${file}: the current opened file                     
// ${fileBasename}: the current opened file's basename 
// ${fileDirname}: the current opened file's dirname    
// ${fileExtname}: the current opened file's extension  
// ${cwd}: the current working directory of the spawned process


{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type": "shell",
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "presentation": {
                "echo": true,
                "reveal": "always",
                "focus": false,
                "panel": "shared"
            },
            "windows": {
                "command": "g++",
                "args": [
                    "-ggdb",
                    "\"${file}\"",
                    "--std=c++11",
                    "-o",
                    "\"${fileDirname}\\${fileBasenameNoExtension}.exe\""
                ]
            }
        }
    ],
    "files.autoSave": "afterDelay",
    "[c]": {

    },
    "files.encoding": "utf8",
    "files.autoGuessEncoding": true,
    "explorer.confirmDragAndDrop": false,
    "workbench.colorTheme": "Visual Studio Dark",
    "team.showWelcomeMessage": false
}

工作区设置:

{
    "C_Cpp.errorSquiggles": "Disabled",
    "files.associations": {
        "stdlib.h": "c",
        "time.h": "c"
    }
}

至此,环境配置完成。 

 

六、运行C代码 
新建helloworld.c文件,键入或粘贴C语言的helloworld代码,按F5调试运行。

#include <stdio.h>
#include <windows.h>
int main() {
    printf("hello world!\n\n");
    system("pause");
    return 0;
}

è¿éåå¾çæè¿°

代码中system(“pause”);语句是“请按任意键继续….”,没有此句,调试窗口将一闪就退出。

<think>我们正在解决VS Code中出现的错误:无法找到模块'ms-vscode.js-debug',以及bootloader.bundle.js未找到的问题。这个错误通常发生在调试JavaScript代码时,可能是由于VS Code的JavaScript调试扩展损坏或未正确安装所致。以下是一些解决步骤: ### 步骤1: 重新加载VS Code 有时简单的重新加载可以解决问题: - 按`Ctrl+Shift+P`(或`Cmd+Shift+P`在macOS上)打开命令面板。 - 输入`Developer: Reload Window`并执行。 ### 步骤2: 检查扩展状态 确保JavaScript调试器扩展已启用: 1. 打开扩展视图(`Ctrl+Shift+X`)。 2. 搜索`@builtin @id:ms-vscode.js-debug`。 3. 确保该扩展已启用(如果没有,请启用它)。 ### 步骤3: 重新安装JavaScript调试器扩展 如果扩展已损坏,可以尝试重新安装: 1. 打开扩展视图。 2. 搜索`JavaScript Debugger`(由Microsoft发布)。 3. 卸载该扩展。 4. 重新启动VS Code。 5. 重新安装该扩展(通常VS Code会在需要时自动安装,如果没有,可以手动从市场安装)。 ### 步骤4: 清除扩展缓存 有时缓存文件会导致问题: 1. 关闭VS Code。 2. 删除以下目录(请根据你的操作系统选择): - **Windows**: `%USERPROFILE%\.vscode\extensions` - **macOS/Linux**: `~/.vscode/extensions` (注意:删除整个extensions目录会移除所有扩展,所以建议只删除与js-debug相关的子目录,例如`ms-vscode.js-debug-*`) 3. 重新启动VS Code,它会重新安装内置扩展。 ### 步骤5: 检查VS Code更新 确保你使用的是最新版本的VS Code: 1. 打开命令面板,执行`Check for Updates`。 2. 如果有更新,安装后重启VS Code。 ### 步骤6: 尝试使用VS Code Insiders版本 如果问题仍然存在,可以尝试使用VS Code Insiders版本,它包含最新的修复。 ### 步骤7: 检查用户设置 检查你的用户设置(`settings.json`)是否覆盖了调试相关设置: 1. 打开设置(`Ctrl+,`)。 2. 搜索`debug`,检查是否有相关设置被修改,特别是`debug.javascript`相关的设置。如果有,尝试重置为默认。 ### 步骤8: 查看日志 如果上述步骤无效,查看VS Code的日志以获取更多信息: 1. 打开命令面板,执行`Developer: Toggle Developer Tools`。 2. 在控制台中查看错误信息。 ### 步骤9: 重新安装VS Code 如果所有方法都失败,考虑备份你的设置和扩展,然后重新安装VS Code。 ### 引用 根据VS Code官方文档,内置的JavaScript调试器是VS Code的核心组件,通常不需要手动安装[^1]。 §§相关问题§§ 1. 如何配置VS Code以调试Node.js应用程序? 2. VS Code中如何设置断点进行调试? 3. 如何解决VS Code扩展安装失败的问题? [^1]: VS Code官方文档 - JavaScript调试</think>### 解决 VS Code "Cannot find module 'ms-vscode.js-debug'" 错误 此错误通常由 JavaScript 调试器扩展损坏、路径冲突或安装不完整引起。以下是系统性的解决步骤: --- #### 1. **强制重新加载调试器扩展** ```bash # 关闭 VS Code 后执行 cd ~/.vscode/extensions rm -rf ms-vscode.js-debug* ``` 重新启动 VS Code,它会自动重新安装内置调试器[^1]。 --- #### 2. **清除缓存文件** 删除以下目录中的缓存文件(路径示例): - **Windows**: `C:\Users\<用户名>\AppData\Roaming\Code\CachedData` - **macOS/Linux**: `~/.config/Code/CachedData` 重启 VS Code 后会自动重建缓存。 --- #### 3. **检查扩展冲突** - 禁用所有第三方扩展(`Ctrl+Shift+P` > `Extensions: Show Enabled Extensions`) - 逐个启用可疑扩展(特别是其他调试类扩展) - 常见冲突扩展:`Debugger for Chrome`, `Node Debug` 等 --- #### 4. **修复安装路径** 如果使用自定义安装路径: ```json // settings.json { "debug.javascript.cwd": "/your/project/root", "debug.node.autoAttach": "on" } ``` --- #### 5. **重置默认配置** 删除用户配置文件夹(先备份): - **Windows**: `%APPDATA%\Code\User` - **macOS**: `~/Library/Application Support/Code/User` - **Linux**: `~/.config/Code/User` --- #### 6. **修复 Node 环境** ```bash # 确保 Node 版本兼容 nvm install --lts npm install -g @vscode/js-debug ``` --- #### 7. **终极解决方案** 如果以上无效,重装 VS Code: 1. 卸载时勾选 **"Delete all user data"** 2. 手动删除残留目录(上述缓存/配置路径) 3. 从[官网](https://code.visualstudio.com/)重新安装 --- ### 预防措施 - 避免直接修改 `node_modules` 中的调试器文件 - 定期运行 `Developer: Reload Window` 刷新扩展 - 保持 VS Code 更新(`Help > Check for Updates`) > 此错误通常由扩展加载机制中断引起,强制重装扩展可解决90%的案例[^2]。
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值