Visual Studio Code中C/C++的环境配置

  Visual Studio Code 的功能十分强大,但是对我这种小白不是很友好,它和其它的集成开发工具不同,Visual Studio Code (以下简称VS)自身其实仅仅是一个编辑器,

  是不具备编译代码和运行代码的功能的,它只有与其他语言的编译器和自身各种各样强大的扩展结合起来才称的上是开发工具,所以我们自己需要自己手动的来配置它的编译环境,

  以下就是我对配置VS下C/C++开发环境所做的一个小教程。

  

  1,下载MinGW编译器

    地址:https://sourceforge.net/projects/mingw-w64/

    注意点:需要根据自己电脑的位数来下载

  2,下载Visual Studio Code

    官网下载  https://code.visualstudio.com/#alt-downloads

    注意点:需要根据自己电脑的系统和位数进行下载  

  

  3,配置环境变量

    有开发经验的小伙伴们应该都不陌生,在我们日常使用的一些的开发工具中,经常需要配置环境变量,例如CodeBlocks、Idea、Notepad++等,

    和我们平常配置环境变量的步骤类似,下面是配置环境变量的基本步骤。具体步骤还请自行百度,这里就不一一赘述了。

   

  4,安装C/C++扩展

    进入安装好的VS后,我们接下来安装C/C++的扩展,VS中的扩展就好比谷歌浏览器的插件一样,十分强大,这也是为什么VS可以用作这么多语言的编辑器的原因,我们先找到左侧最下面的四个小方块,

    然后点击进入搜索扩展的界面,直接输入关键字C就会出来我们所需要安装的扩展,具体界面如下:

   

5,配置C/C++代码的.vscode文件,这是我们本教程的重难点

  5.1,在你写代码的地方新建一个文件夹也可以在桌面新建,注意文件夹名称不要用中文,我新建的文件夹名称为CPPSPACE;

  5.2,通过VS来打开你刚刚新建好的那个文件夹,我们可以在VS中找到刚刚新建的文件夹,也可以直接将新建的文件托向VS,就像我们平时将要删除的文件托向回收站那样;

  具体界面如下:

  

  5.3,接着我们在刚刚新建的文件夹的目录下再新建一个后缀为.cpp的C++文件,注意文件名称不要使用中文;

  

  以下是.cpp源文件的测试代码,你可以将它复制到源文件中,最后可以通过测试代码的运行结果来判断编译环境是否配置成功

#include <iostream>
using namespace std;

int main()
{
    cout << "Hello World!";

    return 0;
}

  5.4,点击左边倒数第二个想虫子一样的按钮来进行调试;

  

  会弹出一个对话框我们需要选择第一个

  

  选择完之后,又会弹出一个对话框,我们还是选择第一个

  

  然会VS就会自动新建一个名为launch.json的文件

  

  现在我们需要将刚刚新建的那个文件launch.json的代码修改为以下代码;

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) Launch",    // 配置名称,将会在启动配置的下拉菜单中显示
            "type": "cppdbg",         // 配置类型,这里只能为cppdbg
            "request": "launch",    // 请求配置类型,可以为launch(启动)或attach(附加)
            "program": "${workspaceRoot}/${fileBasenameNoExtension}.exe",// 将要进行调试的程序的路径
            "args": [],                // 程序调试时传递给程序的命令行参数,一般设为空即可
            "stopAtEntry": false,     // 设为true时程序将暂停在程序入口处,一般设置为false
            "cwd": "${workspaceRoot}",// 调试程序时的工作目录,一般为${workspaceRoot}即代码所在目录
            "environment": [],
            "externalConsole": true,// 调试时是否显示控制台窗口,一般设置为true显示控制台
            "MIMode": "gdb",
            "miDebuggerPath": "D:\\CodeBlocks\\MinGW\\bin\\gdb.exe",// miDebugger的路径,注意这里要与MinGw的路径对应
            "preLaunchTask": "g++",    // 调试会话开始前执行的任务,一般为编译程序,c++为g++, c为gcc
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

  注意点:修改之后我们还需要注意代码"miDebuggerPath":后面的路径为你自己在你电脑上所安装的那个mingw中的bin所在的目录,而不一定是我这个代码中所写的目录,还有一个注意点

  是后面的路径中文件名称之间的连接符号是  \\  ,注意不要写错了;

  5.5,找到我们最开始在5.1步中新建的文件夹,也就是我自己新建的CPPSPACE文件夹,在下面新建一个名为tasks.json的文件,在将下面的代码复制进去;

{
    "version": "2.0.0",
    "command": "g++",
    "args": ["-g","${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
        }
    }
}

  复制进去后的样子

  

  5.6,最后,我们就可以调试代码了,找到我们的.cpp源文件设置断点,注意VS在运行完代码之后窗口会一闪而过,所以我们当前可以通过设置断点来查看具体效果,

    设置断点的方法就是在行号旁边单击一下旁边会出现小红点,这样就设置成功了。

  

  如果最后出现以下画面就代表你C和C++的环境配置就配置成功了!

  

6,C程序的演示

  以上演示的是C++的程序运行过程,同样的我们也可以在该站点文件夹中新建一个C的源文件,例如我再新建一个源文件text1.c,

  

  该程序的测试代码如下:

  

  运行之后的结果如下:

  

  7,总结

    以上就是我对配置Visual Studio Code中C/C++的开发环境的一个总结,如果有不对的地方欢迎指正,

    同时如果在配置的过程中遇到了什么问题,也欢迎私信!

 

  

原文地址:https://www.cnblogs.com/TomHe789/p/12374148.html

时间: 2024-10-13 14:30:47

Visual Studio Code中C/C++的环境配置的相关文章

在Visual Studio Code中配置GO开发环境

一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: 代码着彩色 代码自动完成(使用gocode) 代码片段 快速提示信息(使用godef) 跳转到定义(使用godef) 搜索参考引用(使用go-find-references) 文件大纲(使用go-outline) 重命名(使用g

Visual Studio Code中配置GO开发环境

在Visual Studio Code中配置GO开发环境 一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: Colorization 代码着彩色 Completion Lists 代码自动完成(使用gocode) Snippets  代码片段 Quick Info 快速提示信息

Visual Studio Code中文文档

Visual Studio Code中文文档 Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持,并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时. 一.Visual Studio Code实际应用(一)快速强大的编码功能:    能够快速捕捉程

Visual Studio Code中文文档(一)-快速入门

Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持,并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时. 一.Visual Studio Code实际应用(一)快速强大的编码功能:    能够快速捕捉程序中的问题并突出显示.支持多光标编辑,参数提示

Visual Studio Code中JavaScript开发环境的配置

Visual Studio Code简称VS Code,是一款由微软公司免费开源的现代化轻量级代码编辑器,几乎支持所有的主流开发语言的语法高亮.自定义热键.代码片段.括号匹配等诸多特性,还支持插件扩展,并针对网页开发和云端应用开发做了优化.下面简单介绍一下VS Code中JavaScript开发环境的配置. 首先在微软官网上下载安装好VS Code后并打开,在扩展商店中安装插件,直接Ctrl+Shift+X打开扩展商店,在搜索框中搜索Code Runner和Debugger for Chrome

Visual Studio Code 中编写 C++ 的工作流

1. 官网下载 Visual Studio Code ,安装.按提示安装 cpp 插件和 cmake 插件. 官网下载 CMake ,安装. 官网下载 Mingw ,安装. 安装 Mingw 时,注意勾选 mingw32-automake, mingw32-base, mingw32-gcc, mingw32-gcc-g++, msys-base, mingw32-binutils, mingw32-gdb. 2. File->Open Folder 打开项目所在文件夹. 文件夹的目录应为 Pr

Visual Studio Code 搭建 C/C++开发环境方法总结

之前看错资料踩了不少坑,先将可行经验总结如下: 1. 下载 Visual Studio Code 并安装.地址:https://code.visualstudio.com 2. 安装 C/C++插件与 Code Runner 插件. 3. 下载 GCC 编译器,地址:https://sourceforge.net/projects/mingw-w64/files/mingw-w64/ 4. 压缩包内全部内容解压到 C:\ 完成后可见 mingw64 文件夹. 5. [关键步骤]设置 Path 环

visual studio code中使用emmet插件在.vue文件失效

使用visual studio code编辑.vue文件时,emmet插件无法使用,可以通过以下两种试解决: 1.文件→设置,在右侧窗口添加以下代码: "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" } 2.在.vue文件窗口的右下角,点击"vue"(提示信息:选择语言模式),然后选择".vue"

如何在Visual Studio Code中调用浏览器运行HTML代码

微软刚发布的Visual Studio Code还不支持安装扩展,没有内置的HTML预览功能.如果想要编辑HTML之后直接运行,可以 ctrl+shift+p 搜索 Configure Task Runner. 回车之后打开 tasks.json,修改一下: {     "version": "0.1.0",     "command": "explorer",     "windows": {