vscode如何添加到环境变量path中_vs code的安装与配置 - 等待,未来

本文详细介绍了如何在Windows和Linux系统上配置Visual Studio Code(VSCode)进行C/C++开发,包括安装VSCode,安装C++插件,配置编译调试环境,以及设置调试配置文件。在Windows环境下,需要安装mingw-w64,配置环境变量,并为VSCode配置调试和构建任务。而在Linux系统中,需安装gdb,同样配置调试和构建任务。所有配置文件的细节都有详尽说明,确保开发者能够成功搭建C/C++开发环境。

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

vs code的安装与配置

Vscode是一个轻量级的编辑器,但是配置有点复杂,这里我做了C/C++开发环境配置总结,适用于windows/Linux系统
整体步骤

安装VSCode
在VSCode内安装c++插件
安装编译调试环境
修改VSCode调试配置文件

安装VsCode

下载地址:942265ce45acca2d001c768a02d9a2f0.png

注意:建议直接安装在C盘,方便配置,软件大小本身不大!!!11ad66511002a31cc6b6736f2810cfa7.png

注意:一定要将 添加到PATH 这项打钩!!!
安装C++插件

打开VScode,在左侧一栏,最下面一个图标是扩展商店,或者快捷键ctrl+shift+x直接切换到商店界面,然后输入C++,然后点击安装,安装之后重启生效,安装其他插件也是在这里搜索安装

在这里插入图片描述

这里我推荐几个我学习码代码常用的插件:
  1. 名称: Chinese (Simplified) Language 中文界面配置插件,英语大神请忽略a5ffd0cd042faffb9d08f1c6ad52f853.png

  2. 名称: vscode-icons 图标插件可以使得文件结构更加清晰

f36add159fb7176a2b29b68408227c60.png

  1. 名称: Bracket Pair Colorizer 括号高亮,彩虹括号

4a75df2c4ac6708f9c123f8547e3d007.png

  1. 名称: One Dark Pro 一个非常好看的黑色界面主题插件

27e8b190fa67b51aa0cd151c9b2f449b.png

  1. 名称: Code Runner 代码运行插件,右键即可编译运行单文件,很方便f2cea78a7fff340a309eba3f42572346.png

安装编译调试环境
Windows系统
安装 mingw-w64

目前windows下调试仅支持 Cygwin 和 MinGW,mingw-w64 ,本文这里使用mingw-w64.
mingw-w64下载地址:

选择图中红色标记,点击会自动跳转下载页面下载

c281f05f2bd35d76a5279e59282c17af.png

下载完后,直接将 mingw-w64 解压到一个合适的目录,比如我解压C:\Program Files下。推荐放C盘,路径好找,只有600M左右,不影响。
配置环境变量

找到解压的目录,复制解压出来的bin目录的地址

5b703635b642cdb87fefc16ca89b739a.png

右击此电脑选择属性

72d7fb04a1a0fa3b9f05a64bd717c2d9.png

依次点击 高级系统设置 – 环境变量

d784ec5a37d4756c20c8de9c3dcccbbe.png

点击Path,选择编辑,用户变量和系统变量两个Path都要改哦

29b47b6c9450066f3c37b26fa8e432df.png

新建,将复制的目录位置粘贴到此,确定

f1041882b6bca7c1a027901bef6572a8.png

在桌面上按住shift点击鼠标右键-在此处打开powershell, 输入 gcc -v, 看到如下界面说明环境变量配置成功

ae03451301bebf13f79abb3e9c1c9687.png

或者检查 win+R cmd 输入 gcc -v,看到如下界面说明环境变量配置成功

f3f46747b59b5f18aad0d75dcbdea56a.png

配置VS Code调试环境

建议配置之前新建一个目录专门用来存储C/CPP文件,因为配置设置VS Code会默认保存到配置时文件的目录下。我这里创建有一个 *CPP *文件夹

打开CPP文件夹,新建 .vscode文件夹并打开

b839beb194f61b4f4778582970574c26.png

在 .vscode 文件夹中,依次新建3个文件,名称如下:
    ****
       ****
       ****

35b9cc79b7af5d71ce3bfaff5529515a.png

配置这3个文件

     文件如下图配置
    “miDebuggerPath”:后面修改为你的 mingw64 路径
    “preLaunchTask”: “task g++” 和  中的 “label”: “task g++” 引号中的名字要一致,本代码中为 task g++

c++

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: 
    "version": "",
    "configurations": [

        {
            "name": "(gdb) Launch",
            "type": "cppdbg",//配置类型,只能为cppdbg
            "request": "launch",//请求配置类型,可以为launch(启动)或attach(附加)
            "program": "${fileDirname}/${fileBasenameNoExtension}.exe",//调试程序的路径名称
            "args": [],//调试传递参数
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,//true显示外置的控制台窗口,false显示内置终端
            "MIMode": "gdb",
            "miDebuggerPath": "C:\\mingw64\\bin\\", 
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "task g++",//调试前执行的任务,就是之前配置的中的label字段
        }
    ]
}
 文件如下图配置

c++

{
    // See  
    // for the documentation about the  format
    "version": "",
    "tasks": [
        {
            "type": "shell",
            "label": "task g++",//任务的名字,就是刚才在命令面板中选择的时候所看到的,可以自己设置
            "command": "g++",
            "args": [//编译时候的参数
                "-g",//添加gdb调试选项
                "${file}",
                "-o",//指定生成可执行文件的名称
                "${fileDirname}/${fileBasenameNoExtension}.exe"
            ],
            "problemMatcher": {
                "owner": "cpp",
                "fileLocation": [
                    "relative",
                    "${workspaceRoot}"
                ],
                "pattern": {
                    "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                    "file": 1,
                    "line": 2,
                    "column": 3,
                    "severity": 4,
                    "message": 5
                }
            },
            "group": {
                "kind": "build",
                "isDefault": true//表示快捷键Ctrl+Shift+B可以运行该任务
            }
        }
    ]
}
 文件如下图配置

Code

{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceFolder}/**"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "compilerPath": "C:/mingw64/bin/g++.exe",
            "cStandard": "c11",
            "cppStandard": "c++17",
            "intelliSenseMode": "gcc-x64"
        }
    ],
    "version": 4
}
配置完上面3项,你的vscode应该就可以正常调试了

0247ca35891cf30335a8eba7e48fe4a7.png

511053038b07cf1ad3b7218efd9748fa.png

最后几点注意:

【1】程序文件路径不要有 中文,否则可能会导致 调试失败

【2】vscode设置保留在单文件夹中,你如果要更换文件夹,请把 .vscode 文件夹也复制到你要更改的文件夹中

Linux系统
安装 gdb 调试环境

打开终端,在root用户权限下:输入以下命令

apt-get update
apt-get install gdb

如图,按提示操作即可,等待程序执行完成就安装好gdb了

604b6c7b2880cf07413f96c5a7eece26.png

参考上面windows教程,安装 vscode,安装拓展插件,新建文件夹和4个配置文件。
参考命令:
deb包安装方式步骤:

1、找到相应的软件包,比如,下载到本机某个目录; 
2、打开一个终端,su -成root用户; 
3、cd 所在的目录; 
4、输入dpkg -i 

配置这4个文件

     文件如下图配置
    “miDebuggerPath”:后面修改为你的 gdb 路径
    “preLaunchTask”: “build” 和  中的 “label”: “build” 引号中的名字要一致,本代码中为 build

c++

{
    "version": "",
    "configurations": [
        
        {
            "name": "debug",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}.out",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "build",
            "miDebuggerPath": "/usr/bin/gdb"
        }
    ]
}
 文件如下图配置

c++

{
    // 有关  格式的文档,请参见
        // 
        "version": "",
        "tasks": [
            {
                "label": "build",
                "type": "shell",
                "command": "g++",
                "args": [
                    "-g",
                    "${file}",
                    "-o",
                    "${fileDirname}/${fileBasenameNoExtension}.out",
                    "-l",
                    "pthread"
    ​
                ],
                "presentation": {
                    "reveal": "never"
                },
                "problemMatcher": [
                    "$gcc"
                ]
            }
        ]
    }
 文件如下图配置

c++

 {
    "configurations": [
        {
            "name": "Linux",
            "includePath": [
                "${workspaceFolder}/**",
                "/usr/include/**"
            ],
            "defines": [],
            "compilerPath": "/usr/bin/gcc",
            "cStandard": "c11",
            "cppStandard": "c++17",
            "intelliSenseMode": "gcc-x64"
        }
    ],
    "version": 4
}
文件如下图配置

c++

{
    "": {
        "iostream": "cpp",
        "": "c",
        "ostream": "cpp",
        "array": "cpp"
    }
}
配置完上面4项,你的vscode应该就可以正常调试了

77333b68c4c9a14d04eeb12b93de19b1.png

04342156c108b7ba43713072dab0f216.png

最后几点注意:

【1】程序文件路径不要有中文,否则会导致==调试失败

【2】vscode设置保留在单文件夹中,你如果要更换文件夹,请把 .vscode 文件夹也复制到你要更改的文件夹中

【3】中文显示乱码问题 VS code 编码设置/文件乱码
点击文件->首选项->设置,然后在右边用户设置输入:
“”: true,
插入这一行内用并保存。
或者如下图打钩:

8642bf5c524353588bd3eaede7e73ec1.png

入这个设置后,VSCode会在打开文件时尝试猜测字符集编码。

【4】VSCode内部终端运行代码

设置在终端运行 : 首选项 -> 设置 -> 扩展 -> Run Code ,勾选 ”Run In Terminal“ 和 ”Save File Before Run”

8a6ba3972e5bcab43a98ec5faa1faab3.png

这样的话 写个demo运行一下吧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值