在VSCode上运行C/C++程序【满满的“肝”货】

迈不过友情╰ 2023-09-28 14:12 65阅读 0赞

### 文章目录 ###

*  一、下载与安装vscode
 *   *  ==下载==
     *  ==安装==
 *  二、配置编译器MinGW
 *   *  1.下载
     *  2.解压
     *  3.添加环境变量
 *  三、安装vscode插件
 *   *  1.安装Chinese
     *  2.安装c/c++
 *  四、运行c++程序

# 一、下载与安装vscode #

## 下载 ##

首先我们需要下载一个vscode

1.我们可以在官网下载 [VsCode][]

![在这里插入图片描述][48d083e4ed3b446ab3b3f631a05f4306.png]  
点击橙色区域等待下载完成

2.如果觉得麻烦，可以直接点击[这里][Link 1]就直接在你的浏览器中下载了，我直接在里面放了下载链接，这个链接的版本是这个

![在这里插入图片描述][2824131362e94774bc6c6734aa264493.png]  
当前这个也许是最新的，如果想下载最最最新的可以去官网里面搜寻一番，下载自己相中的。

## 安装 ##

1.当下载结束后，就点击上面图片的打开文件，就会出现下面的页面

![在这里插入图片描述][b9ceb06a640d4ca48c294c77046474ee.png]

按照图片步骤，先点击同意协议，然后下一步。

2.下一步就是选择要安装这个软件的目标位置

![在这里插入图片描述][a04da6f9ce8e484b9bad151f6d3af567.png]

一般软件下载的位置都是放在C盘中，但是如果C盘中文件多了就会出现爆满的情况，也就是 “C盘都红了”，红了还得释放内存，（如果您的C盘是以TB为单位记录大小的，就当我没说）。因此如果觉得自己C盘不太够的小伙伴，就可以点浏览来寻找空间足够大的一块地方来存放这个软件。

![在这里插入图片描述][3f7c998219ef4d44b4fdf1a3da2e0435.png]  
这个页面直接点击下一步就行

![在这里插入图片描述][9b6820c9a36241f9b08b8cf57485b248.png]  
到这个页面的时候记得要把所有选项都 **√** 上，这样当右键单击文件夹/文件的时候就可以通过code打开。

就像下面这样  
![在这里插入图片描述][2691c017fcb5488c83a2097ff5d143b8.png]

之后再点击“安装”即可。  
安装好之后先不要着急运行，因为编写程序语言并实现需要编译器或解释器的帮助才可以实现，因为c++语言要转化为计算机可以看懂的语言用到的是编译器，所以我们接下来下载编译器。

# 二、配置编译器MinGW #

先介绍一下MinGW：  
MinGW 的全称是：Minimalist GNU on Windows 。是将经典的开源 C语言 编译器 GCC 移植到了 Windows 平台下，并且包含了 Win32API ，因此可以将源代码编译为可在 Windows 中运行的可执行程序。

**1.2MinGW-w64 与 MinGW 的区别**  
MinGW-w64 与 MinGW 的区别在于 MinGW 只能编译生成32位可执行程序，而 MinGW-w64 则可以编译生成 64位 或 32位 可执行程序。

正因为如此，MinGW 现已被 MinGW-w64 所取代，且 MinGW 也早已停止了更新，内置的 GCC 停滞在了 4.8.1 版本，而 MinGW-w64 内置的 GCC 则更新到了 8.1.0 版本。

## 1.下载 ##

链接：[下载页面][Link 2]

进入下载页面之后，选择x86\_64-win32-seh这个版本  
![在这里插入图片描述][1f616341432b4ef3b47bb2770cff9b2a.png]  
编译器有许多不同的版本，下面解释一下不同版本不同在哪里：  
(1)如果你的电脑系统是 64位的，选择 x86\_64；如果是 32位 系统，就选择 i686。

那么如何查看自己电脑是64位的还是32位的呢？

首先我们点开“此电脑/我的电脑”，右击磁盘区域的空白部分，点击“属性”部分  
![bd2a86419e72481e93cecb6608e3f46c.png][]

在系统类型中我们就可以查看到自己电脑是多少位的

![在这里插入图片描述][54a80e4f2cce4536a2e78a531856d2b9.png]

（2）如果是 Windows ，选择 win32 ；如果是 Linux、Unix、Mac OS 等其他操作系统要选择 posix。  
（3）seh 是新发明的，而 sjlj 则是古老的。seh 性能比较好，但不支持 32位。 sjlj 稳定性好，支持 32位。

建议64位操作系统选择seh。  
（4）gcc目前最高的版本是8.1.0

## 2.解压 ##

下载好之后就可以去解压，可以在任何地方解压，但是我推荐解压的位置可以和vs放在一个盘里面，有自己喜欢的位置也可以。  
有一个最需要注意的地方就是：**解压的文件路径不能包含中文！！！**

右键解压之后就会在当前目录出现名为 **mingw64** 的文件  
![在这里插入图片描述][034dfe782c634847986b875500693b81.png]

打开之后是这样的  
![在这里插入图片描述][a27b6e32cf8347808a6827720232975a.png]  
解压完成之后，我们就要把编译器添加到环境变量，因为vscode执行c++程序需要用到编译器，所以需要我们告诉vscode去哪里调用编译器。  
具体关于为什么要配置环境变量，还可以参考这篇文章[为什么要配环境变量？path用来干什么？][path]

## 3.添加环境变量 ##

首先我们要点开 **mingw64** 中的 **bin** 文件  
一开始点开 **bin** 文件的路径不是蓝色全选的，点击红点所在位置，就选中了**bin**文件的路径，我们将它复制。

![在这里插入图片描述][90bb5c20b62641d782a8e1e9f6fa192a.png]

下面是添加环境变量的步骤：

点击**属性**

![在这里插入图片描述][c6fb867f1ecb4d2aa4a0bf8dd3fcc70a.png]

点击**高级系统设置**  
![在这里插入图片描述][5ef1442f08fc490d8640d90809d9a192.png]

在系统属性中点击**环境变量**  
![在这里插入图片描述][a04b3be9984d4318ab43391a5b0d02f8.png]

**选中Path，点击编辑**  
![在这里插入图片描述][cc086fa33d5c42b49c98e9aaf6a3fd1f.png]

**点击新建**，在第二步所指地方将一开始复制的**bin**路径粘贴上去，最后点确定退出

![在这里插入图片描述][4c36c93cf0ed45018892d3a8abc57eeb.png]

然后依次**点击确定**退出剩下的2个窗口，最后关闭设置页面。

这样环境变量的配置就结束了。

# 三、安装vscode插件 #

打开vscode

## 1.安装Chinese ##

在扩展中搜索 **chinese** ，下载第一个即可。  
因为我的是已经下载好的，所以没有安装字样，正常下载即可。  
![在这里插入图片描述][8cdd597c12b2494bb3eb59b576b57311.png]

## 2.安装c/c++ ##

在扩展中搜索 **c++** ，下载第一个。  
![在这里插入图片描述][12f3dbb18b8147f4baf4dd10498d820a.png]

等2个插件都下载完之后，重启一下vscode，这样这2个插件才可以起作用。  
接下来我们就可以运行c++程序了。

# 四、运行c++程序 #

首先我们可以在桌面上新建一个文件夹，然后选中右键点击 **“通过 Code 打开”**  
![在这里插入图片描述][d9a3688188e448bbbeba0d2aa492e181.png]

进入页面之后可能会出现“是否信任此文件夹中的文件的作者?”  
点“信任”就可以了

然后点击红色圈里面的新建文件，  
![在这里插入图片描述][6713a5688ae94cd7a05ab0f77878b968.png]

新建一个c++文件，文件名最后结尾是 .cpp 。如果是要建c文件，最后结尾是 .c 。

![在这里插入图片描述][2ac0f6a9684f477fb8bcc1e6002ea3af.png]

然后我们点进去这个cpp文件 就可以在里面写代码了，输出的值是在底部的终端输出的。

#include<iostream>
    using namespace std;
    
    int main(){
        
        cout<<"hello world"<<endl;
        return 0;
    }

家银们，我们在将上面的代码粘贴进去之后，文件名 **test.cpp** 后面最先出现不是一个  
叉，是一个白色的小圆点，出现这个白色的小圆点就代表我们还没保存这个文件，所以我们先按 **ctrl+s** 保存一下文件，保存之后小圆点就变成叉号了，这表示我们已经保存了这个文件。  
1.然后我们点击右上方划红色圈圈的地方，是可以运行程序的。  
（一般如果一个文件夹里面有2个或以上的cpp文件时，我们点右上角这个，这样他会执行当前的cpp文件，如果是通过第2种方式运行，它运行的是最近一次执行的那个程序，而不是打开当前页面的程序）

![在这里插入图片描述][45bdce95db44437887c7a5bba7d04f9d.png]

2.或者我们也可以点击“**运行**”，然后点第二个“**以非调试模式运行**”

![在这里插入图片描述][9e56347af12242228ed6ca3fb80dcd51.png]

我们在下面就可以看到输出。

![在这里插入图片描述][789e5c75db424aacbbc9c51960e42ede.png]  
这样就可以运行c++程序啦！

有问题评论区轰炸！  
我还会总结一下我自己以及大家在运行时遇到的问题，到时候也会发出来帮大家解决疑惑。

[VsCode]: https://code.visualstudio.com/
[48d083e4ed3b446ab3b3f631a05f4306.png]: https://img-blog.csdnimg.cn/48d083e4ed3b446ab3b3f631a05f4306.png
[Link 1]: https://az764295.vo.msecnd.net/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe
[2824131362e94774bc6c6734aa264493.png]: https://img-blog.csdnimg.cn/2824131362e94774bc6c6734aa264493.png
[b9ceb06a640d4ca48c294c77046474ee.png]: https://img-blog.csdnimg.cn/b9ceb06a640d4ca48c294c77046474ee.png
[a04da6f9ce8e484b9bad151f6d3af567.png]: https://img-blog.csdnimg.cn/a04da6f9ce8e484b9bad151f6d3af567.png
[3f7c998219ef4d44b4fdf1a3da2e0435.png]: https://img-blog.csdnimg.cn/3f7c998219ef4d44b4fdf1a3da2e0435.png
[9b6820c9a36241f9b08b8cf57485b248.png]: https://img-blog.csdnimg.cn/9b6820c9a36241f9b08b8cf57485b248.png
[2691c017fcb5488c83a2097ff5d143b8.png]: https://img-blog.csdnimg.cn/2691c017fcb5488c83a2097ff5d143b8.png
[Link 2]: https://sourceforge.net/projects/mingw-w64/files/
[1f616341432b4ef3b47bb2770cff9b2a.png]: https://img-blog.csdnimg.cn/1f616341432b4ef3b47bb2770cff9b2a.png
[bd2a86419e72481e93cecb6608e3f46c.png]: https://img-blog.csdnimg.cn/bd2a86419e72481e93cecb6608e3f46c.png
[54a80e4f2cce4536a2e78a531856d2b9.png]: https://img-blog.csdnimg.cn/54a80e4f2cce4536a2e78a531856d2b9.png
[034dfe782c634847986b875500693b81.png]: https://img-blog.csdnimg.cn/034dfe782c634847986b875500693b81.png
[a27b6e32cf8347808a6827720232975a.png]: https://img-blog.csdnimg.cn/a27b6e32cf8347808a6827720232975a.png
[path]: https://blog.csdn.net/Pre_waist_L/article/details/79696507
[90bb5c20b62641d782a8e1e9f6fa192a.png]: https://img-blog.csdnimg.cn/90bb5c20b62641d782a8e1e9f6fa192a.png
[c6fb867f1ecb4d2aa4a0bf8dd3fcc70a.png]: https://img-blog.csdnimg.cn/c6fb867f1ecb4d2aa4a0bf8dd3fcc70a.png
[5ef1442f08fc490d8640d90809d9a192.png]: https://img-blog.csdnimg.cn/5ef1442f08fc490d8640d90809d9a192.png
[a04b3be9984d4318ab43391a5b0d02f8.png]: https://img-blog.csdnimg.cn/a04b3be9984d4318ab43391a5b0d02f8.png
[cc086fa33d5c42b49c98e9aaf6a3fd1f.png]: https://img-blog.csdnimg.cn/cc086fa33d5c42b49c98e9aaf6a3fd1f.png
[4c36c93cf0ed45018892d3a8abc57eeb.png]: https://img-blog.csdnimg.cn/4c36c93cf0ed45018892d3a8abc57eeb.png
[8cdd597c12b2494bb3eb59b576b57311.png]: https://img-blog.csdnimg.cn/8cdd597c12b2494bb3eb59b576b57311.png
[12f3dbb18b8147f4baf4dd10498d820a.png]: https://img-blog.csdnimg.cn/12f3dbb18b8147f4baf4dd10498d820a.png
[d9a3688188e448bbbeba0d2aa492e181.png]: https://img-blog.csdnimg.cn/d9a3688188e448bbbeba0d2aa492e181.png
[6713a5688ae94cd7a05ab0f77878b968.png]: https://img-blog.csdnimg.cn/6713a5688ae94cd7a05ab0f77878b968.png
[2ac0f6a9684f477fb8bcc1e6002ea3af.png]: https://img-blog.csdnimg.cn/2ac0f6a9684f477fb8bcc1e6002ea3af.png
[45bdce95db44437887c7a5bba7d04f9d.png]: https://img-blog.csdnimg.cn/45bdce95db44437887c7a5bba7d04f9d.png
[9e56347af12242228ed6ca3fb80dcd51.png]: https://img-blog.csdnimg.cn/9e56347af12242228ed6ca3fb80dcd51.png
[789e5c75db424aacbbc9c51960e42ede.png]: https://img-blog.csdnimg.cn/789e5c75db424aacbbc9c51960e42ede.png