VScode搭建C/C++开发环境步骤图解

这篇具有很好参考价值的文章主要介绍了VScode搭建C/C++开发环境步骤图解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、VScode下载和安装

1. 前言

很多小伙伴在进行安装vscode的时候都被配置开发环境给弄的晕头转向,而且网上有些开发环境搭建教程又不够详细。这就导致很多小伙伴对安装vscode望而却步(包括博主之前也是走了很多弯路)。所以鉴于博主最近刚刚好重装系统,就准备写一个配置vscode开发环境详细步骤图解,希望在自己配置好vscode的同时也能够帮助大家。

2. VScode下载和安装

可直接在游览器上搜索vscode然后进入官网下载。也可以复制下面的链接来下载https://code.visualstudio.com

vscode怎么创建c++项目,vscode,c++,c语言

下图2推荐下载稳定版。(Windows系统为例)

vscode怎么创建c++项目,vscode,c++,c语言

vscode怎么创建c++项目,vscode,c++,c语言

等待下载完成后,双击vscode.exe以管理员运行。

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

此时需要安装两个插件,一个是c/c++插件,另一个是中文插件(喜欢英文界面的小伙伴可以不下载)。注:安装完中文插件记得重启一下。

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

二、MinGW安装和环境配置

可直接在游览器上搜索mingw官网安装,也可以复制这里链接安装https://sourceforge.net/projects/mingw-w64/files/

vscode怎么创建c++项目,vscode,c++,c语言

上图鼠标滚轮往下翻就看到了下图1。下载完成后解压缩就看到了下图2。此时把图2解压缩后的文件夹mingw64复制到C盘根目录底下(建议放C盘根目录底下,小伙伴们也可以按照自己的想法放在自己想要放的磁盘,但是要记住安放的路径哦!)如下图3。

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

上面安装mingw步骤全部完成后,现在可以配置环境变量了。

找到环境变量方法一:win11和win10通用

vscode怎么创建c++项目,vscode,c++,c语言

找到环境变量方法二:win11为例

vscode怎么创建c++项目,vscode,c++,c语言

找到环境变量后,现在可以更改设置啦!

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

下图1的路径,就是之前解压缩的mingw文件夹的路径(博主之前放在C盘根目录底下),这里需要进入到mingw\bin路径下复制。

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

配置好环境变量变量后,现在可以检验一下。按win+R调出命令控制窗口,输入cmd按回车

vscode怎么创建c++项目,vscode,c++,c语言

下图出现圆圈2和圆圈4就证明路径配置没有错误。

vscode怎么创建c++项目,vscode,c++,c语言

三、配置c/c++运行环境

首先需要把vscode打开,然后按照下图步骤做。

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

这里博主直接把测试代码放在这里了,小伙伴们直接复制就好啦!

#include<stdio.h>

int main()
{
    printf("so easy!");
    return 0;
}

下图1是直接把鼠标放在代码块里(建议放在代码最后的花括号后),然后按ctrl+shift+p快捷键就会出现图1效果。

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

我把c_cpp_properties.json这个文件的代码复制在下面,然后更改下面代码块注释的部分就好了。如果上面步骤都是跟博主配置一样的话就不用更改了。总之检查一下总没有错。

{
    "configurations": [
        {
            "name": "Win32",
            "includePath": [
                "${workspaceFolder}/**"
            ],
            "defines": [
                "_DEBUG",
                "UNICODE",
                "_UNICODE"
            ],
            "windowsSdkVersion": "10.0.22000.0",
            "compilerPath": "C:/mingw64/bin/gcc.exe",//这个路径是自己mingw64文件夹下的bin/gcc.exe
            "cStandard": "c17",
            "cppStandard": "c++17",
            "intelliSenseMode": "gcc-x64"
        }
    ],
    "version": 4
}

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

也把tasks.json文件代码块放下面,然后更改下面代码块注释的部分就好了。如果上面步骤都是跟博主配置一样的话就不用更改了。总之检查一下总没有错。

{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "cppbuild",
			"label": "C/C++: gcc.exe 生成活动文件",
			"command": "C:/mingw64/bin/gcc.exe",//这个路径是自己mingw64文件夹下的bin/gcc.exe
			"args": [
				"-fdiagnostics-color=always",
				"-g",
				"${file}",
				"-o",
				"${fileDirname}\\${fileBasenameNoExtension}.exe"
			],
			"options": {
				"cwd": "C:/mingw64/bin"
			},
			"problemMatcher": [
				"$gcc"
			],
			"group": "build",
			"detail": "编译器: C:/mingw64/bin/gcc.exe"//这个路径是自己mingw64文件夹下的bin/gcc.exe
		}
	]
}

编译+执行。(鼠标需要放在待编译的.c代码中)

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

除了按回车还有快捷键ctrl+`(键盘esc下面这个按键)

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

如果想编辑多个.c代码怎么办?首先把test.c文件代码改成下图1,然后创建另一个testt.c源文件,然后把代码改成如下图2。

vscode怎么创建c++项目,vscode,c++,c语言

#include<stdio.h>
extern int add(int m,int n);//声明来自外部的函数

int main()
{
    int a=10;
    int b=30;
    int c=add(a,b);
    printf("%d",c);
    return 0;
}

vscode怎么创建c++项目,vscode,c++,c语言


int add(int m,int n)
{
   return m+n;
}

vscode怎么创建c++项目,vscode,c++,c语言

{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "cppbuild",
			"label": "C/C++: gcc.exe 生成活动文件",
			"command": "C:/mingw64/bin/gcc.exe",
			"args": [
				"-fdiagnostics-color=always",
				"-g",
				"${workspaceFolder}\\*.c",//c++代码就改这里后缀为.cpp
				"-o",
				"${workspaceFolder}\\${workspaceRootFolderName}.exe",

			],
			"options": {
				"cwd": "C:/mingw64/bin"
			},
			"problemMatcher": [
				"$gcc"
			],
			"group": "build",
			"detail": "编译器: C:/mingw64/bin/gcc.exe"
		}
	]
}

vscode怎么创建c++项目,vscode,c++,c语言

除了按回车还有快捷键ctrl+`(键盘esc下面这个按键)

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

调试vscode的代码

vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言
vscode怎么创建c++项目,vscode,c++,c语言

如果跟博主配置一样,就直接复制就好啦。如果mingw路径不一样,就需要更改gdb.exe的位置。

vscode怎么创建c++项目,vscode,c++,c语言

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


    ]
}

vscode怎么创建c++项目,vscode,c++,c语言

出现下图1界面就说明可以调试了(调试代码跟c一样,这里就不多说了)

vscode怎么创建c++项目,vscode,c++,c语言

以后每次编写代码就把配置好的c/c++开发环境的.vscode文件重复利用(复制)到你想要编写代码的文件夹下就好啦。

vscode怎么创建c++项目,vscode,c++,c语言

四、总结

vscode配置c/c++开发环境,需要耐心,还望小伙伴们不要轻易放弃!文章来源地址https://www.toymoban.com/news/detail-729670.html

到了这里,关于VScode搭建C/C++开发环境步骤图解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • VSCode 搭建Java开发环境

    笔者使用最多的语言是C++,也使用过不少其它语言,像Erlang,Python,Lua,C#等等,目前项目中在使用Go,但是没使用过Java。最近看到C#夺冠,首次荣获 TIOBE 年度编程语言,同时也看到网上有不少Java与C#之争的文章,于是就想要拿这它们来做一个性能比较。在这之前需要先安装

    2024年01月16日
    浏览(40)
  • VSCode搭建ARM开发环境

    为了构建Cortex M系列单片机免费开源的开发环境,网络上了解来看VSCODE+GCC+JLINK是一套比较高效的组合方式,下面记录环境搭建的流程。 我这边的PC环境为 WIN7专业版64bit。 Visual Studio Code STM32Cubemx ARM GCC 交叉编译工具链:  arm-none-eabi-gcc Windows版本的GCC编译器:MinGW-W64或MinGW或T

    2024年03月21日
    浏览(67)
  • VSCode搭建Django开发环境

    本篇介绍在vscode环境下搭建Django开发环境的详细步骤,共计10个步骤 1、安装python和VSCode,安装插件 2、VSCode打开项目文件夹 例如:devops 3、终端中键入命令:建立虚拟环境 4、选择Python的解释器路径为虚拟环境 选择含有env(自己建立的虚拟环境文件夹)的解释器路径 5、在虚

    2024年02月12日
    浏览(38)
  • vscode Java开发环境搭建

    基于VS Code的插件Java Extension Pack搭建Java项目,然后编译、打包、部署。适合新手或者从其他语言转JAVA的小伙伴们快速入门JAVA开发。 VS Code在插件市场中搜索Java,第一个就是Extension Pack for Java,内置了6个依赖插件,直接一键安装即可。然后是热部署插件,市场搜索Deploy安装即

    2024年02月09日
    浏览(43)
  • vscode 搭建STM32开发环境

    1.1 vscode 1.2 STM32CubeMX,这个不是必须的,我是为了方便生成STM32代码 2.1安装keil Assistant 2.2配置keil Assistant          

    2024年02月13日
    浏览(51)
  • vscode上搭建go开发环境

    Go语言介绍:     Go语言适合用于开发各种类型的应用程序,包括网络应用、分布式系统、云计算、大数据处理等。由于Go语言具有高效的并发处理能力和内置的网络库,它特别适合构建高并发、高性能的服务器端应用。以下是一些常见的Go语言应用开发领域: 网络应用开发

    2024年02月04日
    浏览(42)
  • vscode rust远程开发环境搭建

    rust-analyzer是个智能补全插件,对于新手来说,非常有用。 vscode提供的rust-analyzer需要GLIBC 2.29,低版本的GLIBC可以安装旧版本的rust-analyzer,新版本的rust-analyzer可以通过源码安装,如下是源码安装rust-analyzer的过程: 安装node.js 下载地址:https://nodejs.org/en/download 编译安装rust-ana

    2024年02月06日
    浏览(49)
  • VScode搭建Opencv(C++开发环境)

    cmake :cmake-3.27.2-windows-x86_64 MinGw:版本:8.1.0-release-posix-seh-rt_v6-rev0 Opencv:版本:4.5.5 MinGw下载地址 选择 mingw-w64 往下拉选择下载这个 下载该文件,下载后解压,然后记住位置。为了方便,我把它改名为MinGw。(这里是MinGw软件) 添加环境变量,可以直接 win+Q 搜索 “环境变量”

    2024年02月02日
    浏览(53)
  • VSCode+Qt+MinGW开发环境搭建

    VSCode 扩展性很强, 插件机制 让其具备不断演进的潜力,适合作为稳定的开发工具。 VSCode+Qt 开发环境的搭建需要依赖于以下工具: VSCode、Qt ,其中 Qt 需要安装 MinGW 编译工具; VSCode 插件: C++、CMake Tools、Qt Tools、QtConfigure 。 具体思路上, VSCode 只是提供了集成界面,通过它

    2023年04月12日
    浏览(54)
  • 多图详解VSCode搭建Java开发环境

      大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作

    2024年02月11日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包