VS Code 搭建 C/C++ 开发环境和 C 语言入门详细教程

2023年 8月 21日 31.0k 0

最近在学习 C 语言开发,装了 Dev-C++、CodeBlocks 用着都不太顺手,索性还是用 VS Code 来写 C 代码吧。

1. 安装 C/C++ 编译器

看到其他文章都推荐安装 MinGW-W64 GCC,经过仔细研究和对比后,不建议初学者安装 MinGW-W64 GCC,因为挺麻烦的,安装的时候似懂非懂,还可能出错导致操作失败,挺让人泄气。

推荐安装TDM-GCC,先不管它和 MinGW-W64 有什么关系,安装好上手了,以后再慢慢了解吧。

官网地址:jmeubank.github.io/tdm-gcc/dow…

20230817174304.png

现在大部分都是64位系统了,直接选 tdm64-gcc-10.3.0-2.exe 就好了。

下载完后双击 tdm64-gcc-10.3.0-2.exe 安装包。出现如下界面:

20230817174733.png

点击 “Create” 按钮。出现下一个界面:

20230817174832.png

这里的默认路径可以不用改,直接点击“Next”。出现下一个界面:

20230817175013.png

这里也不用改,默认的就行,点击 “Install” 开始安装。安装完出现以下界面:

20230817175123.png

可以直接点击 “Finish” 完成安装。如果不想看自述文件,可以取消勾选再点击“Finish”按钮完成安装。

然后我们在win10左下角搜索栏输入 cmd,打开命令行界面,输入:

gcc --version

如果出现如下图所示的版本信息,说明安装成功:

20230818094342.png

2. 安装 VS Code

官方下载地址:code.visualstudio.com/Download

这个下载地址需要大家能根据自己使用的操作系统来选择下载链接。

VS Code download

还有个简单的办法,就是打开首页 code.visualstudio.com/ ,直接点击下载按钮下载安装包,这里首页会自动根据你的系统来选择下载的安装包,初学者搞不懂系统和系统架构的,推荐从这里下载。

20230817173114.png

VS Code 的安装比较简单,双击安装包,下一步下一步就安装完成了。

3. 配置 VS Code 为 C/C++ 开发环境

VS Code 默认是英文的,如果想用中文界面,在扩展中心搜索 “chinese”,安装简体中文的语言包,然后重启编辑器,VS Code 就变成中文的了(下图)。

20230818094925.png

安装 C/C++ 扩展包,在扩展中心搜索 c++,选择 “C/C++ Extension Pack”,点击安装,如下图:

20230818095800.png

这一个扩展已经包含了其他四个扩展,包括 C/C++ 、C/C++ Themes 、CMake Tools,而CMake Tools 又包含 CMake,所以真正做到了 All in One。

到了这里其实我们就可以开始写 C 语言代码了。

4. 开始写C语言代码

我在 D 盘创建一个文件夹 D:codes,然后在这个文件夹里创建一个文件 hello.c,右键这个文件,选择 “通过 Code 打开” 菜单,在里面写如下代码:

#include 

int main()
{
    printf("Hello World! n");

    return 0;
}

Ctrl + S 保存一下文件。然后在资源管理器的“打开的编辑器”区域,右键 hello.c 文件,选择 “在集成终端中打开”菜单,如下图:

20230818101435.png

会在当前编辑器里打开一个终端面板,如果这里默认是打开的 cmd 命令行的话,就可以输入命令编译 C 语言代码并运行了:

gcc hello.c -o a.exe

运行直接输入 a,就可以看到打印的信息,则说明我们的第一个C语言程序完成了。如下图:

20230818101913.png

在这一步,可能有的人会遇到权限问题,VS Code 默认打开的终端可能是 PowerShell,我们可以自己切换到cmd 来运行命令,如下图:

20230818102644.png

手动打开的 cmd,目录默认一般会在 C:Usersxxx,可以自己切换目录到 D:codes 再执行编译和运行命令,如下图:

20230818102954.png

5. 一键运行 C 语言代码片段

上面的操作很繁琐,每次修改了代码都得手动编译和运行,开始几次还挺有趣,后面就觉得有点耽误时间了,没事,有一个扩展可以帮我们解决问题。

在 VS Code 扩展里搜索 Code Runner 并安装,如下图:

20230818103550.png

装完可以在打开的文件里右键,选择 “Run Code” 就可以一键编译和运行当前文件代码了,如下图:

20230818104029.png

咦,是不是报错了,为啥呢,因为 VS Code 现在的默认目录是 C:Usersxxxx,我们的代码在D盘,跨盘符了,跨盘符切换目录,这个扩展看起来有点问题。

解决方法也很简单,我们点击 VS Code 的资源管理器,点击“打开文件夹”,选择 D:Codes 打开,这样 VS Code 就以 D:codes 为当前的默认目录了,如下图:

20230818104528.png

再次在终端打开一个命令行的话,默认目录就是 D:codes,如果不是的话,就说明可能你的操作步骤有误,检查一下。

20230818105204.png

这一步完成以后,我们就可以在 hello.c 文件中右键选择“Run Code” 运行代码了,如下图:

20230818105327.png

到了这里,就算 C 语言入门了,尽情的学习吧。

--End--

(掘金首发,未经作者允许,禁止转载。)

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论