告别繁琐，P4VJS带来全新的Diff体验

你好，我是向华。

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

原生Diff引发的思考

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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