VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】

前言

Editor : ZZULI-Frex

PDF版:可下载预览 (建议在电脑上查看)

1.所需知识:

(1).最基本的网页信息捕获以及文件下载。(点击链接即可进入都是在新窗口打开)

(2).了解系统环境变量的作用以及如何添加环境变量。

2.所需网站:

(1)www.sourceforge.net/projects/mingw-w64/files/mingw-w64/ (MinGw-W64库)

(2)https://code.visualstudio.com/ (Vistual Studio Code官网)

(3)https://up.woozooo.com/ (蓝奏云)

3.教程使用平台:

Windows11 Pro x64 – VMware Workstation 17 Pro

4.推荐使用平台:

Windows10 Pro x64

Windows11 Pro x64

Windows11 Home x64

1.下载、安装MinGw-W64并配置环境变量

1.进入MinGw官网,下拉找到“MinGW-W64 GCC-8.1.0”栏目下面的“x86_64-win32-seh”并点击,之后会进入

第二个界面,等待倒计时结束,会自动开始下载。

如果下载速度过慢或者无法进入该网页,请移步此处下载:https://frexcheat.lanzoul.com/iI2cN1boa2xc 密码:5ifb

2.下载完成后,将压缩包解压到你想要解压到的地方,这里我解压到了C盘,其他地方也可以,只要自己记得就好。之后你可以选择将解压后的文件夹重命名为短一点的名字:如”MinGW64″,其他的也可以,但是你要确保整个路径里没有中文!!!这个最重要!!!

3.之后,记住你的解压路径,比如我解压到了”C:\mingw64″,然后我们开始配置环境变量

图片[5],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

2.下载、安装MinGw-W64并配置环境变量

4.之后找到我们刚才安装MinGW的文件夹,进入”bin”文件夹之后,复制窗口上方地址栏里的文件路径。进入编辑页面后,我们点击右边的”新建”按钮,之后将我们刚才复制的路径复制进去即可,之后一路确定就可以了。

3.下载、安装Vistual Studio Code并进行简单的设置(界面、语言等)

1.进入Vistual Studio Code官网,按照图示下载VSCODE安装包,进入下载页面等待几秒钟后会自动开始下载,如果发现VSCODE官网无法进入,你可以选择用机场(翻墙),或者使用我提供的安装包:

https://frexcheat.lanzoul.com/iVELz1bpvtjc 密码:858s

如下图所示,点击下载按钮后会进入此界面,等待几秒后会自动开始下载安装包。

在此期间,可能会受到网络因素的影响导致等待时间不一

2.拿到安装包后,我们双击打开(最好以管理员身份运行),之后如果出现了如下图所示的警告弹窗,请直接点击确定即可。

图片[14],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

3.之后点击”我同意此协议”,再点击”下一步”,紧接着我们选择安装路径,这里推荐各位安装在空间充足的磁盘上,不建议安装在C盘,之后点击”下一步”。

4.之后的界面里,图中所指的两项可选可不选,这里我推荐选上,它的作用到后面你就知道了。之后点击下一步,等待安装完成之后,点击”完成”即可。

5.下面我们开始进行简单的设置,首先我们打开VSCODE,首次进入会让我们选择主题,我们在右侧选择我们喜欢的主题颜色后,在左侧拉到最下面点击”Next Section”,之后一直在左侧拉到最下面点击”Next Section”,直到只剩下一个”Makedone”后,我们点击”Make done”即可

6.下面我们把界面语言修改为中文简体,首先我们找到第一张图中界面右侧的那个图标,点击之后,我们在上方的搜索栏里搜索”Chinese”,可以看到下面出现了一个”中文简体”的拓展包,我们点击”Install”等待它安装完成,之后会弹出一个让你重启VSCODE的提示框,我们点击即可。之后我们的初始设置就到此结束了

图片[22],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[24],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

4.下载、安装所需要的插件拓展并进行配置

1.首先我们需要知道,VSCODE仅仅只是一个代码编辑器,而不是一个非常完备的IDE,所以,它需要各种语言的插件来支持我们编写我们所需要的语言的代码。这里我们主要以C/C++语言为例子,来对VSCODE进行环境配置。

我们需要的插件有:C\C++、C\C++ Extension Pack、Code Runner 分别搜索到之后点击”安装”即可。之后重启VSCODE

5.创建一个新文件,并进行简单的运行和调试

1.首先,我们需要创建一个新的文件夹,这个文件夹用来存放我们的代码,文件夹的路径中不要出现中文!接着我们在VSCODE的启动界面中点击”打开文件夹”,图中两处均可。

3.之后我们点击第二个小图标,新建一个名字为”.vscode”的文件夹,该文件夹下的文件为与该项目程序运行相关的配置文件,即这些文件将会记录我们的代码以什么编译器编译,以及以什么调试器运行,这些文件非常重要,它们是程序运行的基础,我们需要配置好它们的内容。

首先我们点击界面上方的”运行”,然后点击”添加配置”,之后我们会发现它会自动生成”launch.json”文件,然后我们选择”test.c”文件,点击右上角的三角标识右边的小三角标识,选择”运行C\C++文件”,之后在界面上方我们会发现弹出一个窗口让我们选择编译器,我们选择gcc,之后会出现错误,我们点击”中止”即可,然后我们会发现它生成了一个”tasks.json”的文件,接下来我们点击”终端-运行生成任务”之后就可以开始敲代码了!

图片[29],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[30],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[31],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[32],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

6.创建一个新文件,并进行简单的运行和调试

4.几经波折,我们终于可以开始敲代码了,下面我以简单的空心菱形为例,来运行一个程序。

首先我们先写好输出空心菱形的代码到test.c里,之后我们找到右上角的三角图标,再点击它里面的”运行C\C++文件”,之后我们在下面的终端里输入数字n,回车即可看到输出的结果。

图片[35],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

5.我们还可以选择”Run Code”来运行我们的代码,这个是Code Runner这个插件的功能。首先我们找到拓展里面的这个插件,右键选择拓展设置,将图中所指的选项打勾,之后就可以选择它来编译运行了。

图片[38],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

6.下面我们进行一个简单的调试:这里我不再解释”断点”的意思,你只需要知道你在某一行代码上设置了断点,那么当你调试运行程序的时候,程序运行到这行代码时会自动暂停,并且显示当前变量的信息。

设置断点很简单,在开始调试之前,我们将鼠标移动到某一行代码左边数字的旁边,会出现一个小红点,我们点击之后,这个小红点颜色就会变亮,这就代表你在这里设置了断点,下面我们找到右上角的三角图标,再点击它里面的”调试C\C++文件”,之后在界面下方的终端里输入数字n,会发现程序到那一行代码的时候,自动暂停了。

图片[39],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[40],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[41],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网
图片[42],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

恭喜你已经完成了配置!!能做到这里你已经很不错了~以后编写代码就简单多了

结尾:VSCODE编译运行小技巧

图片[43],VScode安装配置环境-全网原创最详细教程【学习C语言第一步!】,网络安全爱好者中心-神域博客网

以及F12-快速编译运行

想要新建一个文件夹项目???一个右键就好了!

------本文已结束,感谢您的阅读------
THE END
喜欢就支持一下吧
点赞58 分享
评论 抢沙发
头像
善语结善缘,恶语伤人心
提交
头像

昵称

取消
昵称常用语 夸夸
夸夸
还有吗!没看够!
表情图片

    暂无评论内容