【一天一个计算机知识】—— VScode 极速搭建:打造你的全能代码武器库

⚡ CYBER_PROFILE ⚡
/// SYSTEM READY ///


WARNING : DETECTING HIGH ENERGY

🌊 🌉 🌊 心手合一 · 水到渠成

|------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------|
| >>> ACCESS TERMINAL <<< ||
| 🦾 作者主页 | 🔥 C语言核心 |
| 💾 编程百度 | 📡 代码仓库 |


Running Process: 100% | Latency: 0ms


索引与导读

VScode是什么?

Visual Studio Code 简称 VS Code ,是一款跨平台的免费开源现代轻量级代码编辑器

支持几乎主流开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段提示、代码对比等特性,也拥有对git的开箱即用的支持

同时,它还支持插件扩展,通过丰富的插件,用户能获得更多高效的功能


VScode怎么下载安装

VScode目前有稳定版体验版两种模式

特性 稳定版 (Stable) 体验版 (Insiders)
图标颜色 蓝色 绿色
更新频率 每月更新一次 (Monthly) 每天更新一次 (Nightly)
新功能 经过充分测试,功能成熟 包含最前沿的功能(如最新的 AI 辅助特性)
稳定性 极高,适合生产环境/主力开发 可能会遇到 Bug,甚至偶尔崩溃
用户群体 大多数开发者、学生、初学者 极客、扩展插件开发者、想要抢先体验新功能的硬核用户

🔗Lucy的空间骇客裂缝:VScode官网下载地址

🔨下载安装步骤

  • 根据对应的电脑系统去下载对应的版本

  • 桌面快捷方式

    这一步全都勾选上即可

🚩最后一直点击等待安装即可


VScode页面介绍


VScode安装插件

🌠VScode安装中文插件

毕竟这个VScode 默认是英文的,我们使用不习惯的话,可以安装中文插件,将VSCode的界面汉化的

  • 左边的侧边栏 中点击插件 ,就可以搜索: Chinese ,显示的第一个插件就是汉化包 ,直接安装即可
  • 安装完汉化包后,立马就在右下角提示,如下窗口,点击restart,会自动重启VSCode,即可汉化使用,非常方便。

VScode配置C/C++开发环境

VSCode 安装好之后,我们还是要知道,VSCode毕竟是一个高级的编辑器 ,只能用来写C/C++代码,不能直接编译代码 。所以,如果我们要能使用VSCode搭建C/C++的编译和调试环境,还必须有编译器 使用。为了方便,我们就使用 MinGW-w64MinGW-w64 移植到windows平台的一个gcc编译器,使用起来也是非常方便的
下面我们就演示怎么下载和配置 MinGW-w64


1)下载和配置MinGW-w64编辑器套件

🔗Lucy的空间骇客裂缝:MinGW-w64套件最新版本下载地址


2)对文件进行解压


3)存放路径建议

点击x86_64-8.1.0-release-win32-seh-rt_v6-rev0,建议把mingw64存放到你方面取的路径下,放到C盘或者D盘根目录都是可以的


4)配置MinGW64

在windows电脑上,按win+s快捷键,或者直接在搜索框中搜:环境变量,就能看到

进入系统属性,点击【环境变量】

新加一个环境变量值,我们前面已经将 mingw64 拷贝到了 c:\mingw64 目录下了,在这个目录下有一个 bin 文件夹,这个文件夹下是 gcc 等编译器的可执行文件,所以我们就将 c:\mingw64\bin 添加到 path 的环境变量中就行,点击确定就行。如下图所示

然后依次点击确定即可


验证MinGW-64

打开cmd命令提示符,输入gcc --version,然后你可以看到版本

输入where gcc,你可以看到gcc编译器的路径


安装C/C++插件

打开VScode,点击插件管理 ,搜索C/C++,点击安装

最后重启VScode


在VScode上编写C语言代码并编译成功

VSCode上写代码都是首先要打开文件夹的 ,这样也方便管理代码编译器产生的可执行程序 ,和**VSCode生成的配置文件**等。


1)打开文件夹

在写代码之前,想清楚把代码放在什么地方管理,比如我:


2)在VScode中打开文件夹


打开我们刚刚存放代码的文件夹


3)信任问题

这样我们就打开了我们自己存放代码的文件夹


4)新建C语言文件

以上图为例,在GITEE中点击右边的第一个图标:新建文件

往右边依次为新建文件夹、刷新、折叠文件夹

输入test.c (名字可以随便取,后缀必须是.c),编写C语言代码


5)设置C的编译选项

鼠标点在.c的源文件内部,按 ctrl+shift+p 快捷键,在弹出的界面中选择: 【C/C++: 编辑配置(UI)】,然后进入设置页面

设置编译器路径

编译器路径 配置为我们刚刚的bin文件下的gcc.exe


设置IntelliSense 模式

设置为gcc-x64(legacy)

这时候我们会发现左边的资源管理器 中出现了.vscode

这个文件夹会指定我们的编译器是使用什么类型以及其它配置


创建执行任务:tasks.json

要编译代码,我们接下来,在终端中:配置任务,如下图:

在弹出的页面中,选择【C/C++: gcc.exe 生成活动文件】
记住鼠标光标要停留在C语言文件内

这时候会弹出来一个tasks.json的文件,这个文件是专门用来执行代码的编译任务的

我们来简单看一下文件的内容:

注意转义字符的使用
---编译

具体操作如下:

a. 鼠标点在要编译的C语言代码中

b. 然后执行【终端 】->【运行生成任务

c. 点击有蓝色字体检测到的任务,如下图:

接着我们就看到如下图片就算编译成功了💪

在我们左边会出现一个 exe文件 ,这个便是系统生成的可执行程序

编译的经典错误

上图中生成的tasks.json,对部分系统编译可以会出现运行错误
我们只需要改变typeshell即可


执行

按键盘的 ctrl+`快捷键,再按回车,打开VSCode自带的终端,就可以运行代码了。

这时输入: .\可执行程序的名字 ,即可以执行代码,如下:


如果我们想要再写一个代码呢?

先将我们原本的文件关闭


再打开新的文件夹
最好你的方便查看的文件夹


把原先文件夹的.vscode文件夹直接拷贝到新的文件夹即可

最后就是写代码编译+执行即可


如何进行C语言分文件编写

1)type为cppbuild

  1. 打开文件夹
  2. 拷贝旧项目中的一份.vscode文件夹
  3. 改造tasks.json并构建验证结果
    要能够编译一个文件中的多个文件,需要定制tasks.json文件的内容

编译多个源代码文件:

  • 通过把 "$(file)" 修改为 "$(workspaceFolder)\\*.c",可以构建当前工作区中的所有C文件。
  • 通过把 "$(file)" 修改为 "$(workspaceFolder)\\*.cpp",可以构建当前工作区中的所有C++文件。

修改编译输出的文件名:

  • 通过把 "$(fileDirname)\\$(fileBasenameNoExtension).exe",修改为:"$(workspaceFolder)\\myProgram.exe",可以把编译输出的文件名硬编码为 myProgram.exe,而不是与C文件同名

  • 通过把 "$(fileDirname)\\$(fileBasenameNoExtension).exe",修改为:"$(workspaceFolder)\\$(workspaceRootFolderName).exe",可以把编译输出的文件名为:打开的工作区文件夹名字.exe

  1. 编译+执行

2)type为shell

如果你的typeshell,可以参考我下面的进行修改


VScode配置C++开发环境

配置g++.exe为编译器

.cpp 的源文件内部,按 ctrl + shift + p 快捷键,在弹出的界面中选择 C/C++: 编辑配置(UI),然后进入设置页面

找到配置名称,这里我们再添加一个 C++ 的配置,点击【添加配置】

编译器路径

根据自己的MinGW-64的路径------g++.exe,我的环境如下所示

C++标准


tasks.json配置

在C++源文件内部配置任务
为了方便以后会出现C++多文件编写,我们配置如下:

  • shell版本
tasks.json 复制代码
{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "shell",
			"label": "C/C++: gcc.exe 生成活动文件",
			"command": "D:\\VScode\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\mingw64\\bin\\gcc.exe",
			"args": [
				"-fdiagnostics-color=always",
				"-g",
				"${fileDirname}\\*.c",
				"-o",
				"${fileDirname}\\${fileBasenameNoExtension}.exe"
			],
			"options": {
				"cwd": "${fileDirname}"
			},
			"problemMatcher": [
				"$gcc"
			],
			"group": "build",
			"detail": "编译器: D:\\VScode\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\mingw64\\bin\\gcc.exe"
		},
		{
			"type": "shell",
			"label": "C/C++: g++.exe 生成活动文件",
			"command": "D:\\VScode\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\mingw64\\bin\\g++.exe",
			"args": [
				"-fdiagnostics-color=always",
				"-g",
				"${fileDirname}\\*.cpp",
				"-o",
				"${fileDirname}\\${fileBasenameNoExtension}.exe"
			],
			"options": {
				"cwd": "${fileDirname}"
			},
			"problemMatcher": [
				"$gcc"
			],
			"group": "build",
			"detail": "编译器: D:\\VScode\\x86_64-8.1.0-release-win32-seh-rt_v6-rev0\\mingw64\\bin\\g++.exe"
		}
	]
}

这时候C++tasks.json文件以及包含多文件编写的功能就生成了


运行生成的任务

  • 执行【终端 】->【运行生成任务

  • 点击g++,如:

  • 这时候代码就编译完成了

  • 接着按ctrl+`再按照运行流程操作就可以执行了


VScode配置Java开发环境

手把手教你如何从零开始,在Visual Studio Code (VS Code)中搭建高效的Java开发环境。涵盖 JDK 下载、环境变量配置、VS Code 插件安装及 Hello World 实测,拒绝踩坑!


第一步:JDK 的下载与安装

使用Java的同学这一步不可或缺

JDK (Java Development Kit) Java 开发的核心。没有它,·VS Code· 只是一个普通的文本编辑器。

1.1 下载 JDK

推荐使用 JDK 17JDK 21(长期支持版本 LTS)。

1.2 安装

下载 .msi.exe 安装包后,双击运行。

  • 注意 :建议记住安装路径,例如 C:\Program Files\Java\jdk-17,后面配置环境变量会用到。
  • 傻瓜式安装:大部分情况下一直点击 "Next" 即可。

第二步:配置环境变量(最关键一步)

很多新手在这一步容易出错,请务必仔细操作。

  1. 打开设置 :按 Win 键,搜索 "编辑系统环境变量",点击打开。
  2. 环境变量 :在弹出的窗口中点击右下角的 "环境变量" 按钮。
  3. 新建 JAVA_HOME
    • "系统变量" (下方的框)中,点击 "新建"
    • 变量名JAVA_HOME
    • 变量值 :你的 JDK 安装路径(例如 C:\Program Files\Java\jdk-17
  4. 修改 Path
    • "系统变量" 中找到 Path,选中并点击 "编辑"
    • 点击 "新建" ,输入 %JAVA_HOME%\bin
    • 建议点击 "上移" 将其移到列表较前位置。
  5. 验证
    • Win + R,输入 cmd 打开命令提示符。
    • 输入 java -versionjavac -version
    • 如果出现版本号,说明环境配置成功!

第三步:VS Code插件安装

3.1 安装 Java 扩展包

VS Code 本身不具备 Java 编译运行能力,需要安装微软官方提供的插件包。

  1. 打开 VS Code。
  2. 点击左侧侧边栏的 扩展图标 (Extension,快捷键 Ctrl+Shift+X)。
  3. 在搜索框输入 Java Extension Pack
  4. 找到由 Microsoft 开发的 "Extension Pack for Java"
  5. 点击 Install(安装)。

小贴士:这个扩展包是一个合集,它会自动安装以下 6 个必备插件:

  • Language Support for Java™ by Red Hat (代码分析、提示)
  • Debugger for Java (调试器)
  • Maven for Java (Maven 项目管理)
  • Test Runner for Java (单元测试)
  • Project Manager for Java (项目管理)
  • IntelliCode (AI 智能代码补全)

第四步:创建并运行第一个 Java 程序

4.1 创建工作目录

在电脑任意位置新建一个文件夹,例如命名为 JavaStudy

4.2 在 VS Code 中打开

在 VS Code 中点击 File -> Open Folder,选择刚才创建的 JavaStudy 文件夹。

4.3 编写 Hello World

  1. 在左侧资源管理器中点击"新建文件"图标。
  2. 命名为 Hello.java注意:文件名必须首字母大写,且后缀为 .java)。
  3. 输入以下代码(VS Code 支持智能补全,输入 main 然后回车会自动生成主方法):
java 复制代码
public class Hello {
    public static void main(String[] args) {
        System.out.println("Hello, VS Code Java!");
        System.out.println("恭喜你,环境配置成功!");
    }
}

VScode的调试

🚩前面我们主要介绍了如何编译代码 ,当生成了可执行程序 之后,如果遇到运行时的问题,就需要对代码进行调试

🚩那么在 VSCode 中该如何调试代码呢?

接下来我将为大家详细讲解

🔭实际上 ,在 VSCode 中调试功能主要依赖于一个配置文件:launch.json
接下来,我们就来看看具体如何进行调试


创建launch.json文件

首先点击调试,创建launch.json文件

鼠标要在源文件内部

然后选择【C++(GDB/LLDB)】:

MinGW下我们选择GDB

然后就会在.vscode路径下生成launch.json


配置launch.json

launch.json文件内,选择右下角的添加配置选项

勾选【C/C++:(gdb)启动】

修改文件
①: 我们直接把tasks.json文件中的-o下面的路径给复用即可

②: 把我们电脑存储mingw-x64gdb的存储路径给复用即可


开始调试

更多关于调试的细节,之前的VS2022的调试文章,大同小异

🔗Lucy的空间骇客裂缝:VS的调试技巧


总结

后续我们讲``Linux的时候会带来更多VScode的使用技巧,敬请期待哦


💻结尾--- 核心连接协议

警告: 🌠🌠正在接入底层技术矩阵。如果你已成功破解学习中的逻辑断层,请执行以下指令序列以同步数据:🌠🌠


【📡】 建立深度链接: 关注本终端。在赛博丛林中深耕底层架构,从原始代码到进阶协议,同步见证每一次系统升级。

【⚡】 能量过载分发: 执行点赞操作。通过高带宽分发,让优质模组在信息流中高亮显示,赋予知识跨维度的传播力。

【💾】 离线缓存核心: 将本页加入收藏。把这些高频实战逻辑存入你的离线存储器,在遭遇系统崩溃或需要离线检索时,实现瞬时读取。

【💬】 协议加密解密:评论区留下你的散列码。分享你曾遭遇的代码冲突或系统漏洞(那些年踩过的坑),通过交互式编译共同绕过技术陷阱。

【🛰️】 信号频率投票: 通过投票发射你的选择。你的每一次点击都在重新定义矩阵的进化方向,决定下一个被全量拆解的技术节点。



相关推荐
AD钙奶-lalala1 小时前
Android Studio新建项目默认不使用Compose模版
android·ide·android studio
专注VB编程开发20年5 小时前
开发VS2026插件最佳方案:老式VSIX EnvDTE
ide·c#·visual studio
专注VB编程开发20年6 小时前
VS2026最新ide插件VisualStudio.Extensibility进程外 OOP 新模型
ide·c#·visual studio
互联网散修7 小时前
鸿蒙实战:图片编辑器——文字功能完全实现
华为·编辑器·harmonyos·图片编辑添加文字
在水一缸7 小时前
深度解析:基于 3D Gaussian Splatting 技术的编辑器实践与原理
计算机视觉·3d·编辑器·aigc·3d建模·nerf·3d编辑器
稷下元歌8 小时前
7天学会plc加机器视觉关于运动控制部份,配套视频在bib
开发语言·c++·git·vscode·python·docker·pip
专注VB编程开发20年8 小时前
VisualStudio.Extensibility跨进程插件是防卡死IDE?
ide·visual studio
wenzhangli720 小时前
AI-IDE 关键技术解析:从自然语言到企业级智能开发平台的架构演进
ide·人工智能·架构
${王小剑}21 小时前
在pycharm中配置pyside6
ide·python·pycharm
小贺儿开发1 天前
Unity VideoPlayer 播放控制器
unity·编辑器·播放器·视频·工具·videoplayer·互动