🎮 游戏化学习 · 零门槛 · 完全免费

欢迎来到 VS 学园
玩着玩着，就学会了！

这里是专属于 Visual Studio / VS Code 的趣味游乐园： 🐛 打 Bug 地鼠、⌨️ 快捷键挑战、🃏 记忆翻牌、🧠 知识闯关…… 一边玩游戏一边攒 XP、升等级、解锁成就，不知不觉就成为 VS 高手！

🎮 马上开玩 📚 先去上课
my-adventure.html — VS 学园 📂 🔍 🧩 🐞 EXPLORER function learn(){ const fun = '🎮'; while (happy) { play('VS'); } } ✔ Terminal: 你已获得 999 XP
⚡ +50 XP
🏆 成就解锁！
🐛 Bug 被消灭
🎊 升级 Lv.5
Lv.1
当前等级
0
总经验 XP
0/6
课程已打卡
0/12
成就已解锁

🗺️ 六站 学习路线图

跟着路线一站一站走，每站都有图文课程 + 配套小游戏，学完就打卡拿 XP！

👋

第 1 站 · 初识 VS Code

它是谁？为什么全世界都在用？3 分钟建立第一印象。

➜
🖼️

第 2 站 · 认识界面五分区

活动栏、侧边栏、编辑器、面板、状态栏 —— 打拼图游戏巩固！

➜
⌨️

第 3 站 · 必会快捷键

双手不离键盘，效率翻倍 —— 快捷键大挑战等你来战！

➜
🧩

第 4 站 · 扩展插件军火库

中文包、主题、Live Server……给你的编辑器装上超能力。

➜
🐞

第 5 站 · 调试捉虫记

断点、单步、监视变量 —— 像侦探一样揪出 Bug！

➜
🚀

第 6 站 · 大神进阶技巧

多光标、Emmet、代码片段……一秒编辑一百行。

➜

🕹️ 游戏大厅 六连玩

每个游戏都对应一个知识站！通关拿 XP，打破自己的最高纪录 ⭐ 越多越难

⭐ 入门
🧠

知识大闯关

三档难度的 VS 知识选择题，答对有惊喜特效，满分还能解锁隐藏成就「知识渊博」！

★★☆☆☆+60 XP
开始闯关 →
🔥 热门
🐛

打 Bug 地鼠

Bug 从洞穴里冒出来！手疾眼快点爆它们，但小心别打到帮你写代码的小机器人 🤖！

★★☆☆☆+40 XP
开始狩猎 →
⭐⭐ 进阶
⌨️

快捷键大挑战

屏幕出题，你按真实的键盘组合作答！60 秒内秀出你的肌肉记忆，也支持点选作答。

★★★☆☆+50 XP
开始挑战 →
🧘 益智
🃏

图标记忆翻牌

VS 图标藏进了卡牌里，翻出所有配对！步数越少越强，20 步内通关有称号！

★★☆☆☆+40 XP
开始翻牌 →
⚡ 手速
🚀

代码极速手速

照着真实代码一行行敲，实时纠错高亮，测测你的 KPM（每分钟键击数）！

★★★☆☆+50 XP
开始飞驰 →
🧠 益智
🧩

界面搭建拼图

把编辑器的五大分区拖回正确位置，亲手「拼」出一台 VS Code，再也不怕迷路！

★★☆☆☆+40 XP
开始拼装 →

🎁 冷知识 翻翻乐

点卡片翻面，偷看藏在背后的小秘密（共有 6 张）

🏆 成就墙 集齐 12 枚

上课、打游戏、破纪录都会解锁成就，快去点亮它们！