Skip to main content

Source diff

问题

看完 worksapce 的介绍,我们可以把改动同步到本地的文件中,但是对于修改了什么,以及哪些是新增的部分,还是会模糊不清对吗?

1. Source diff

::: warning 请注意 这是一个实验中的功能,有可能会导致一些问题。 :::

虽然这是一个实验中的功能,但是经过测试,我觉得他真的很好用,如果你喜欢使用 workspace 来编写代码,那这个功能一定对你有所帮助,首先我们需要在设置中打开这个功能:

请注意

当你打开这个选项之后,请务必在 新的标签页重新打开 devtools 以确保此选项能够生效!

2. Source diff 使用

首先你需要有一个本地的项目,你可以把它拖到 Source 或者按 + 号来选择对应的文件目录:

提示

当我们启用了 Source diff 之后:

  • 紫色代表:修改的内容
  • 红色代表:删除的内容
  • 绿色代表:新增的内容

3. 配合 Drawer 的 changes 使用

Source diff 配合 Drawer 的 changes 使用效果更佳:

敲黑板