vscode安装+配置+使用+调试【保姆级教程】

VSCode安装与配置C/C++环境指南
VSCode是一款免费开源的代码编辑器,支持多种语言和插件扩展。文章详细介绍了VSCode的下载安装过程,特别是在国内如何通过镜像加速。接着,文章讲解了如何在VSCode中配置C/C++环境,包括安装MinGw-w64编译器套件,设置环境变量。此外,还阐述了在VSCode上编写、编译和调试C/C++代码的步骤,以及处理多文件联合编译的方法。最后提到了利用launch.json文件进行调试的教程。

1. VScode是什么

Visual Studio Code简称VS Code,是一款跨平台的、免费且开源的现代轻量级代码编辑器,支持几乎主流开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段提示、代码对比等特性,也拥有对git的开箱即用的支持。同时,它还支持插件扩展,通过丰富的插件,用户能获得更多高效的功能…(在这边就不过多赘述了!)
下面我们来看看如何下载安装吧!

2. VScode的下载安装

首先进入到VScode的官网,选择自己电脑适配的(博主这边使用的是Windows版本的)
VScode的官网链接,点击即可
推荐国内的镜像地址:
因为一些不可描述的原因,咱们访问外网资源非常慢,那么咱们可以前往镜像网站进行下载(dddd)
如下所示就是官网的界面
在这里插入图片描述
在这里插入图片描述
当然VScode官网的下载速度非常之慢(类似于蜗牛在爬,毕竟是外网咱们可以理解!)
那么该如何解决该问题呢?
可以在CSDN上搜索vscode下载速度慢(解决办法就是将下载地址换成国内的镜像网站)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后直接点击安装即可
在这里插入图片描述
最后跳出安装完成的界面就说明安装的步骤全部结束!

3. 环境的介绍

3.1 界面的介绍

在这里插入图片描述

3.2 中文包的安装

在这里插入图片描述
在这里插入图片描述

4. VScode上配置C/C++环境

VSCode安装好之后,我们还是要知道,VSCode毕竟是一个高级的编辑器,只能用来写C/C++代码,不能直接编译代码。
所以,如果我们要能使用VSCode搭建C/C++的编译和调试环境,还必须有编译器使用。
为了方便,我们就使用MinGw-w64 ,MinGw-w64移植到windows平台的一个gcc编译器,使用起来也是非常方便的。
下面我们就演示怎么下载和配置MinGw-w64。

4.1 下载和配置MinGw-w64编译器套件

下载

下载链接:点击即可
在这里插入图片描述
在这里插入图片描述
解压出来后,进到文件夹中,拷贝mingw64这个文件夹到一个最简单的目录下,路径的名字不要有中文、空格、特殊字符等,(非常重要!)
比如:C盘或者D盘的根部目录
在这里插入图片描述
下载完成!接下来就是配置

配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
即可应用刚配置好的环境变量,如何检验自己的环境变量是否配置好了呢?
按住 windows+R 键
在这里插入图片描述
在这里插入图片描述

下载C/C++安装包

在这里插入图片描述
下载完毕后进行重启(很重要,将前面的配置生效)

5. 在VScode上编写C语言代码并编译成功

5.1 打开文件夹

在VSCode上写代码都是首先要打开文件夹的,这样也方便管理代码和编译器产生的可执行程序,和VSCode生成的配置文件等。
在写代码前,我们想清楚想把代码放在什么地方管理
(这个自定义即可,博主一般会将每日的代码提交gitee,在D盘下有对应的git克隆的路径)
在这里插入图片描述
打开vscode
在这里插入图片描述
在这里插入图片描述

5.2 新建C语言文件,编写C语言代码创建C语言文件:

在这里插入图片描述

#include <stdio.h>

int main()
{
    printf("hello world\n");
    return 0;
}

5.3 设置C/C++编译的选项: c_cpp_properties.json

在这里插入图片描述
在这里插入图片描述

5.4 创建执行任务:tasks.json

鼠标点到要编译的C语言文件当中
在这里插入图片描述
在这里插入图片描述
这时就生成了一个tasks.json文件,这个文件是专门是用来执行代码的编译任务的。
在这里插入图片描述

5.5 编译+执行

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6. 编译C++代码的配置

假设我们已经编译好C++代码

#include <iostream>
using namespace std;

int main()
{
    int m = 0;
    cin >> m;
    cout << m << endl;
    return 0;
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
鼠标点到要编译的C++文件当中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击运行生成任务
在这里插入图片描述
运行.exe文件
在这里插入图片描述
运行成功!

7. 多.c/.cpp文件联合编译

在项目开发当中不可避免存在多个模块
在这里插入图片描述
这边的.vscode可以从其他文件拷贝过来或者重新配置都可
在这里插入图片描述
这边根据自己的需求更改(文件名可以自己设置,c/c++)
在这里插入图片描述
在这里插入图片描述
得到结果30,说明编译多个.c文件成功

8. VScode调试

前面讲解的都是如何去编译代码,当我们生成一个可支持程序的时候,如果遇到了运行时的问题,我们就要想办法调试代码,那VSCode如何调试代码呢?接下来听我细细道来~
其实在VSCode上调试关键也是依赖一个配置文件的叫: launch.json,那我们看看怎么调试。5.1创建launch.json文件

8.1 首先点击调试,创建launch.json文件

在这里插入图片描述
在这里插入图片描述

8.2 开始调试

当launch.json文件生成后,我们只要打断点开始调试就行。调试的快捷键和VS系列的IDE是一样的,如:
F9 - 打断点/取消断点
F5 – 启动调试
F10 – 逐语句调试
F11 - 逐过程调试
启动调试后,也是可以使用监视窗口查看变量等程序执行过程中的信息。
在这里插入图片描述
按住F5进入调试模式,出现如下情况说明进入调试模式
在这里插入图片描述
在这里插入图片描述
这边的调试方法其实和vs2019工具差不多 就不过多赘述了(多练习即可)
如果这边的调试操作不熟悉可以看博主关于调试的博客
实用调试技巧

### VSCode 的基本安装配置 Visual Studio Code 是一款轻量但功能强大的源代码编辑器,支持多种操作系统,包括 Windows、macOS 和 Linux。它内置支持 JavaScript、TypeScript 和 Node.js,并通过丰富的扩展生态系统支持其他语言(如 C++、C#、Java、Python、PHP、Go)和运行时环境(如 .NET 和 Unity)[^1]。 #### 安装 Visual Studio Code 1. 访问官方网站下载适用于您操作系统的版本。 2. 运行安装程序并按照提示完成安装过程。 #### 配置工作区 - **设置默认终端**:可以通过 `File` -> `Preferences` -> `Settings` 中调整,默认情况下可能会使用系统自带的命令行工具。 - **更改主题**:同样在设置中可以找到外观部分来改变界面的主题颜色。 - **启用自动保存**:可以在设置中开启此选项以便于文件修改后立即保存。 ### 基础功能介绍 #### 编辑器特性 - **智能感知**:提供上下文相关的建议列表,帮助快速编写代码。 - **语法高亮显示**:不同类型的代码会以不同的颜色呈现,便于阅读理解。 - **括号匹配**:当光标位于某个左括号旁边时,对应的右括号会被突出显示。 - **跳转到定义/查找所有引用**:这些快捷键可以帮助开发者迅速导航至变量或函数被声明的地方或者查看它们在哪里被使用的。 #### 版本控制集成 VSCode 自带 Git 插件,允许直接从 IDE 提交更改、创建分支等操作而不必切换窗口。要开始使用这个功能,请确保已经初始化了一个仓库并且添加了远程地址。 ### 扩展管理 为了增强其功能性,您可以安装各种插件: ```shell # 在VSCode内部打开终端执行下面这条命令来搜索特定扩展 code --list-extensions | grep 'search_term' ``` 一些常用的扩展包括但不限于: - Python Language Support - Docker integration - Azure App Service Tools - GitHub Pull Requests and Issues ### 调试应用 利用调试器能够更有效地测试应用程序逻辑错误。只需点击侧边栏上的调试图标,然后选择合适的配置即可启动调试会话。 --- ### 开发流程优化技巧 #### 多根工作区 如果项目涉及多个独立目录下的文件,则可考虑建立一个多根源的工作空间配置文件 `.vscode/settings.json` 来统一管理和访问各个子项目的资源。 #### 组织化布局 合理规划文件夹结构对于维护大型工程非常重要;通常推荐的做法是将公共库放在顶层目录下,而具体的服务模块则各自拥有自己的专属路径。 #### 实施持续集成(CI) 借助像 Jenkins 或者 GitHub Actions 这样的平台自动化构建与部署任务,从而提高团队协作效率以及产品质量稳定性。 --- ### 示例:简单的 HTML 页面开发 假设我们要创建一个基础网页模板,以下是所需步骤概述: 1. 创建新文档命名为 `index.html`. 2. 输入以下HTML骨架代码: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>My First Web Page</title> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 3. 利用 Live Server 等附加组件预览效果无需手动刷新浏览器页面。 ---
评论 307
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值