Skip to content

开始 ​

安装 ​

LearnByDiff 适用于 VS Code、Cursor,以及其他基于 VS Code 的 IDE。

在扩展视图搜索 LearnByDiff,或打开对应商店:

也可以手动安装:从发布页下载 .vsix 文件,将其拖入拓展视图安装。

开始课程 ​

点击 Explorer 的 LEARN BY DIFF 视图标题栏的「打开课程」按钮(或在命令面板运行 LearnByDiff: Open Course)。

open course button

从列表中选择一门已有课程(首次使用推荐选择 demo-course)并确认。

在弹出窗口中选择一个目录存放课程仓库,课程相关文件会自动下载到该目录下。

demo course screenshot

下载完成后的课程仓库目录结构

对应 IDE 用户也可以点击以下链接一键开课:

按照你的风格进行学习 ​

第一次打开课程时,会默认将第一章的初始状态代码到本地。

对于 demo 课程,你可以使用 Live Preview 插件实时预览 index.html 文件。

然后点击对应章节的「已完成」按钮,就会将本地的代码替换为该章的完成状态的代码,从而预览该章的完成效果。

当然,你也可以点击「文档」按钮查看该章的文档,了解该章的内容和学习目标。

又或者,你也可以点击章节中的文件,查看为达成目标所做的代码修改。

还有诸如单独打开单一章节的代码进行对比测试、切换至未完成状态等功能,请参考 功能。