版本控制 | 告别繁琐，P4VJS 带来全新的 Diff 体验

你好，我是向华。

之前在文章用了P4这一招，九成问题能自救提到过 P4VJS 的能力，今天我们继续聊聊 P4VJS。

原生 Diff 引发的思考

开发一段时间后，终于要把写了一天的代码提交到 P4 仓库了。

通常情况下，项目规范都会提醒各位开发者，在提交前多检查 Diff，以免错误代码被提交到仓库。

如果项目使用 P4V，在提交前，会看到待提交的 Changelist 中可能有很多个文件被修改了。

那么，你会采用何种方式查看这些文件修改的 Diff 结果呢？

张三说，我会挑选几个重要的文件，一个个右键选择 Diff Against 进行查看。

王五说，我会右键整个 Changelist，然后查看所有文件的 Diff。

实际工作中，这两种方法都存在缺点。

如果你像张三那样，挨个找到自己想要的文件再查看 Diff，虽然可以精准地找到需要的代码变化，但是会浪费很多时间。

如果你像王五那样，一次性查看所有文件的 Diff，会弹出多个 Helix Merge 窗口，看完还得一个个关掉，十分麻烦。

那么，有没有类似 Github 提交记录中的 Diff 效果呢？

P4VJS 助力全新 Diff 体验

为了解决这个问题，在工作之余，我使用 P4VJS 和 Vue 制作了一款 P4V 工具。

这个工具基本实现了我想要的效果，可以将一个 Changelist 中所有文件的 Diff 显示在 P4V 内部的窗口中，与 P4V 完美呼应。

目前，这个工具只支持文本类型文件的 Diff 查看，但是我将会抽时间加入其他文件类型的 Diff 查看功能。

这款工具之所以能够与 P4V 完美联动，得益于 P4VJS 应用的应用。界面上类似于 Github 的对比界面，得益于 VueJS 和 ElementUI 框架的功能加持。

可以这么说，P4VJS 具备让用户低成本定制 P4V 工具的能力。

说在最后

这些技术的融合，让用户可以开发出更加有趣和实用的工具，对 P4V 进行功能优化和补充。