还在发愁怎么配置VSCode?一篇文章教会你!

注:或许该文章更加适合算法竞赛选手,本文章推荐的配置方法比较偏向于算法竞赛选手风格。并且,Win7 及以下的用户请跳过,因为这不适用于 Win7 及以下版本。

由于算法竞赛常用语言为 c++ 语言,因此配置教程实例语言为 c++ 语言。

让我们开始吧!

下载 VSCode

![]( https://cdn.luogu.com.cn/upload/image_hosting/zr01c980.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)
是这个样子的,大家根据自己的需求下载不同版本即可,这里演示为 Win10 系统。

插件部分

按照提示安装好 VSCode 之后,接下来就是装插件,我整理了几个适用于 OIer 的插件,希望能帮到大家。其中几个加粗体的插件是必装插件,即编译要用到,其余为自选的优化插件,戳这里。

接下来要讲的是该如何安装插件,打开 VSCode 之后,我们可以看到左侧工具栏中有这样一个按钮:![]( https://cdn.luogu.com.cn/upload/image_hosting/oea5pxym.png?x-oss-process=image/resize ,m_lfit,h_170,w_225)
点开它,然后会有一个搜索栏,将刚刚推荐的插件名一一填进去,然后选择一一安装。

接下来将会介绍几个自选插件的功能,以便读者选择。除此之外,VSCode 中还有海量插件,都可以给编辑器锦上添花,我就不在这里一一赘述,感兴趣的读者可以自行了解。

Competitive Programming Helper (cph)

这个插件有着十分实用的功能,它可以将样例帮你塞到程序里,然后将输出结果与预期结果相比较,得出是否通过样例的结论,非常好用。

安装后,我们可以看到左侧工具栏多了一个按钮:![]( https://cdn.luogu.com.cn/upload/image_hosting/jlolms69.png?x-oss-process=image/resize ,m_lfit,h_170,w_225)
我们点进去,发现界面是这样的:
![]( https://cdn.luogu.com.cn/upload/image_hosting/zp67l8s6.png?x-oss-process=image/resize ,m_lfit,h_340,w_560)
然后点击蓝色按钮,接下来便可食用。

indent-rainbow

非常简单,就是将 Tab 缩进使用不同颜色显示出来,便于计数,食用对比:
食用前:
![]( https://cdn.luogu.com.cn/upload/image_hosting/9ygtgahk.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)
食用后:
![]( https://cdn.luogu.com.cn/upload/image_hosting/y77muknu.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

VSCode 字体管理器

海量字体随心选择,非常个性化。
![]( https://cdn.luogu.com.cn/upload/image_hosting/0sd91lzk.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

luogu 插件

强烈推荐!!!
这个插件可以让你在 VSCode 上洛谷,支持洛谷上的大部分功能!!!(但是没有图形化界面)。
食用示例:
![]( https://cdn.luogu.com.cn/upload/image_hosting/niwqy1nq.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

配置 C/C++ 环境

下载 g++

在[这里]( https://cdn.luogu.com.cn/upload/image_hosting/0sd91lzk.png?x-oss-process=image/resize ,m_lfit,h_170,w_225),或许会有读者发现这个链接好像进不去,或者说是找到资源之后下载慢。因此,在这里给出第二种办法。

首先我们先下载一个 Dev-C++(这应该是许多初学者的首选。) (其实这是直接使用 Dev-C++ 的自带编译器,谁让他下载快呢。)。

然后记住你的文件夹的下载路径,点开 Dev-Cpp->MinGW64->bin(这个是路径,注意是从此电脑到 bin 的完整路径,不要只复制文件夹内的路径,例如 C:\Dev-Cpp\MinGW64\bin)记下这个路径,接下来有用。
![]( https://cdn.luogu.com.cn/upload/image_hosting/r29n3va1.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

配置环境变量

在开始 - 搜索栏里搜索“环境变量”,然后在打开的对话框里点击“环境变量”,点击“系统变量”,然后在路径 Path 中新建一个环境变量,将刚刚保存的编译器路径粘贴其中,然后点击确定。
![]( https://cdn.luogu.com.cn/upload/image_hosting/lkjie22w.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

配置 配置文件

在你的电脑上新建一个名字为 .vscode 的文件夹,然后在里面新建这几个文件 c\_cpp\_properties.json launch.json settings.json tasks.json。
![]( https://cdn.luogu.com.cn/upload/image_hosting/kygz013d.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

接下来,将这几串代码复制进相应的配置文件里,并且将文件里 C:\Program Files (x86)\Dev-Cpp\MinGW64\bin 的部分全部改成你刚刚保存的编译器路径名,然后保存。
![]( https://cdn.luogu.com.cn/upload/image_hosting/jshkcx2a.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)
![]( https://cdn.luogu.com.cn/upload/image_hosting/lk26iivs.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

处理运行窗口

点进安装好的插件 C/C++ Compile Run 的控制面板,点击那个像齿轮一样的东西。然后选择 设置,滑动到倒数第 3 个选项给他勾上。接下来调试要使用 F6 进行调试。
![]( https://cdn.luogu.com.cn/upload/image_hosting/qrr7q05h.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)
![]( https://cdn.luogu.com.cn/upload/image_hosting/js2bups0.png?x-oss-process=image/resize ,m_lfit,h_340,w_450)

为什么不可以像原版一样使用 F5 调试?

因为这是为了防止运行窗口闪退的办法,如果不使用该插件,代码运行窗口可能会出现闪退现象。

完结,撒花

你已经做到了这一步,那么这时你的 VSCode 已经可以正常使用了,如有疑问或者错误,欢迎在评论区指出或者私信作者。

posted @ 2025-10-18 15:26  linruicong  阅读(108)  评论(0)    收藏  举报