vscode安装+本地环境搭建（超详细小白版）

秒速五厘米 2024-02-20 13:06 52阅读 0赞

### VScode是什么 ###

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

### 安装Vscode ###

我们直接去官网下载

[vscode官网][vscode]

选择我同意此协议，并且下一步

![image-20231028113926094][]

这里一路下一步

可以更改一下下载路径，可以放在c盘，但是建议放在别的盘

都勾选上，然后下一步

![image-20231028114213735][]

一路下一步，点击完成就可以了

![image-20231028115323485][]

### 配置Vscode ###

#### 配置中文版本 ####

我们首先在桌面上打开vscode，，我们发现vscode是英文版本的

默认是英文的版本

![image-20231028115426888][]

我们来安装中文版本的插件

在搜索栏中搜索Chinese

install一下

![image-20231028115813539][]

点击左边的

![image-20231028115905462][]

vscode重启一下，就会出现中文的 版本

![image-20231028115934785][]

#### 在vscode中配置C/C++开发环境 ####

我们需要一个MinGW-w64配置文件，点击下面链接去下载[官网][Link 1]

选择这个x86\_64-win32-seh版本

你点进去她就会自动开始下载

![image-20231028145112708][]

得到这样的一个包我这是把它的下载路径改了一下

![image-20231028145401287][]

解压这个压缩包,点击这个解压出来的文件夹

![image-20231028145526484][]

将下面这个文件复制一下

![image-20231028145620928][]

把这个文件拷贝到一个 比较好管理的地方，比如说c盘的根目录![image-20231028145733804][]

搜索配置环境，点击配置

![image-20231028150015840][]

点击环境变量，在里面配置

![image-20231028150100755][]

双击这个PATH

![image-20231028150130925][]

打开我的电脑，找到之前那个文件夹，复制一下路径

![image-20231028150308822][]

粘贴过来确定

![image-20231028150333985][]

这样就配置好了，验证一下：

打开命令行提示符

![image-20231028150531803][]

在命令行提示符中输入

gcc –version
    where gcc

出现这样就说明配置好了

![image-20231028150830219][]

安装C/C++的插件

打开vscode，搜索C/C++

![image-20231028151104032][]

重启一下vscode

在vscode中编写C语言程序并编译成功

![image-20231028151514844][]

我这里的文件夹是之前就创建好的，可以用来存放vscode的代码文件

![image-20231028151634259][]

鼠标移到这里，可以新建文件，新建文件夹，刷新资源管理器，在资源管理器中折叠文件

![image-20231028151844136][]

我们这里新建一个c语言文件

![image-20231028152111976][]

#include <stdio.h>
    
    int main()
    {
        
        printf("hello xiaolu\n");
        return 0;
    }

![image-20231028152305839][]

设置C/C++编译选项

选择第二个

![image-20231028152907703][]

输入C/C++，然后选择第二个

![image-20231028153042203][]

更改一下这两个地方，改成跟下图一样就可以了啦

这样就配置好了

![image-20231028153409328][]

创建执行任务task.json

在终端中，选择配置文件，点击生成活动文件

![image-20231028153942189][]

编译+执行

要编译哪个文件就点击哪个文件

然后终端，运行生成任务

![image-20231028154739651][]

如何执行呢？\`ctrl+

输入./可执行文件的名称

![3951922d8afb5c68580b9e9a1ffa59e1.png][]

如何编译C++文件

配置g++

我们需要修改这个文件

![image-20231028161123618][]

我们这里添加一个配置

![image-20231028161234989][]

老样子，更改一下下面两个地方，如下图就可以啦

![image-20231028161450373][]

依旧是终端然后配置文件

![image-20231028161743048][]

依旧是终端，运行生成任务，ctrl+\`

![image-20231028161957667][]

### vscode如何调试 ###

调试依赖于一个launch.json的配置文件

![image-20231028162603446][]

选择下图这个

![image-20231028163459339][]

我们需要修改的地方

![image-20231028163559861][]

复制一下这个路径

![image-20231028163836937][]

修改成这样

![image-20231028164009422][]

我们这里调试的快捷键跟VS一样

*  F9：打断点和取消端点
 *  F5：启动调试
 *  F10：逐语句调试
 *  F11：逐过程调试

[vscode]: https://code.visualstudio.com/
[image-20231028113926094]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/83a0082f6a134dd5bc9e37acdeb0e4b5.png
[image-20231028114213735]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/59e75c49d4744291a41d33b7ee837d08.png
[image-20231028115323485]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/f82bc58109554c58b16fbf28bbad0573.png
[image-20231028115426888]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/aec32177ed674bd38aee6486d277174c.png
[image-20231028115813539]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/9967e0c7349641e4912dc13802390d51.png
[image-20231028115905462]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/cfec46a892d34bf989876e2fb55722fe.png
[image-20231028115934785]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/bc2e410fd2ba4a0789ce393bf1290fb4.png
[Link 1]: https://sourceforge.net/projects/mingw-w64/files/mingw-w64/
[image-20231028145112708]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c8a5c760929b4cf9b8a7d17e0c70d526.png
[image-20231028145401287]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/fafec23f20bb4102a5d0b734032ec0f9.png
[image-20231028145526484]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/2a7a9cef8db947fbac2d13bc1e538616.png
[image-20231028145620928]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/61bc6fb345934b888adabb54c9017732.png
[image-20231028145733804]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/2737fc320dc44e0899bbfe115061b25e.png
[image-20231028150015840]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/2f6c00b96a6d450f80401c1cd964c322.png
[image-20231028150100755]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/79b116515516479fb9c06d2ea7e59d78.png
[image-20231028150130925]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/0c1f6f42eadd43d8976c7484adb6b01d.png
[image-20231028150308822]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/663e0f1ead20445e8f944d72960453ab.png
[image-20231028150333985]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/dd528cd0e68447c8a14af4fb877afb26.png
[image-20231028150531803]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4103a3f341654945be42da3669c0d95b.png
[image-20231028150830219]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/003beb9ac17d4c908947b9f1b0d09bc2.png
[image-20231028151104032]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/b06495693fd54b16b6f049cabd5e6ca3.png
[image-20231028151514844]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/54325bfb709d4b8880cf67cf3d12654b.png
[image-20231028151634259]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/be70b8e37d044a24b5ff6c9d051d3142.png
[image-20231028151844136]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/91df45d43c334954a35adf4f57bf5488.png
[image-20231028152111976]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/849aaa0eec5e4b0eb9f8132d7f5afcfc.png
[image-20231028152305839]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7f71c093648f413797b27a6a992e4b1c.png
[image-20231028152907703]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/47a6c7ebff834236a2788315d2e3346a.png
[image-20231028153042203]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/3c43a44cb4794bf68dcd0e1e28d01264.png
[image-20231028153409328]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7588c16e724d40f2b4fdb95775ac36c3.png
[image-20231028153942189]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c1ecf8026e304919b657ba533eff55e4.png
[image-20231028154739651]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/2bbe0a3ed2c140f2b153f6d9f319f333.png
[3951922d8afb5c68580b9e9a1ffa59e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/cf9e58049c9841648f400c199de88df1.png
[image-20231028161123618]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/32d0249af187495997a02abe8f815356.png
[image-20231028161234989]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/dd5b57cba48648e8904108db74a5cc7e.png
[image-20231028161450373]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7bf12e4cf890407cabd73b22bb449dc7.png
[image-20231028161743048]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/9861cac058d645ea821efe926bf6e95d.png
[image-20231028161957667]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a23350dc39584134a3cb0e1dbe8e3ad3.png
[image-20231028162603446]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/1873644c61bb478e8b2883c515c0c095.png
[image-20231028163459339]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/43ae3129068f4708a99d0eb062be341b.png
[image-20231028163559861]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/fccdbd23f1e143c7ad5394758b471f10.png
[image-20231028163836937]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/af0c4cdfb0734ef6aba83ed2cd78c7df.png
[image-20231028164009422]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ce2b85a80e8b456d8cc21f61e21688d9.png