开始
安装
LearnByDiff 适用于 VS Code、Cursor,以及其他基于 VS Code 的 IDE。
在扩展视图搜索 LearnByDiff,或打开对应商店:
- Visual Studio Marketplace(VS Code)
- Open VSX(Cursor 及其他基于 Open VSX 的 IDE)
也可以手动安装:从发布页下载 .vsix 文件,将其拖入拓展视图安装。
开始课程
点击 Explorer 的 LEARN BY DIFF 视图标题栏的「打开课程」按钮(或在命令面板运行 LearnByDiff: Open Course)。

从列表中选择一门已有课程(首次使用推荐选择 demo-course)并确认。
在弹出窗口中选择一个目录存放课程仓库,课程相关文件会自动下载到该目录下。

下载完成后的课程仓库目录结构
对应 IDE 用户也可以点击以下链接一键开课:
按照你的风格进行学习
第一次打开课程时,会默认将第一章的初始状态代码到本地。
对于 demo 课程,你可以使用 Live Preview 插件实时预览 index.html 文件。
然后点击对应章节的「已完成」按钮,就会将本地的代码替换为该章的完成状态的代码,从而预览该章的完成效果。
当然,你也可以点击「文档」按钮查看该章的文档,了解该章的内容和学习目标。
又或者,你也可以点击章节中的文件,查看为达成目标所做的代码修改。
还有诸如单独打开单一章节的代码进行对比测试、切换至未完成状态等功能,请参考 功能。