本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

本文分享的是vscode的一个使用小技巧,使用vscode对比两个文件的源码区别。苏南大叔在往期文章中,也分享过类似的操作技巧。不过,本文更加全面一些。往期相关文章,请参见文末链接。

苏南大叔:vscode如何界面操作,执行文件对比功能? - vscode-diff-ui-hero
vscode如何界面操作,执行文件对比功能?(图5-1)

本文测试环境:macvscode@1.43.2

ui界面操作

本文主要的内容,就是这里了。这个操作的前提是:要参与对比的两个文件,物理位置比较贴近。在同一个vscode的文件列表里面,都能够被找到。这样的话,操作起来就是很方便的了。

先在列表中,找到第一个文件,然后右键选择:Select For Compare

苏南大叔:vscode如何界面操作,执行文件对比功能? - vscode-diff-1
vscode如何界面操作,执行文件对比功能?(图5-2)

然后在文件列表里面,找到要对比的第二个文件,然后点击右键选择Compare With Selected

苏南大叔:vscode如何界面操作,执行文件对比功能? - vscode-diff-2
vscode如何界面操作,执行文件对比功能?(图5-3)

就可以看到对比的文件列表了。

苏南大叔:vscode如何界面操作,执行文件对比功能? - vscode-diff-3
vscode如何界面操作,执行文件对比功能?(图5-4)

命令行操作(补充内容)

这个里面,知道要对比的文件路径即可。当然,如果两个文件物理位置近的话,就可以少些点路径信息。也是好事儿,对吧。下面是可用的命令:

code -d <a> <b>

或者

code --diff <a> <b>

如下图所示:

苏南大叔:vscode如何界面操作,执行文件对比功能? - vscode-diff-4
vscode如何界面操作,执行文件对比功能?(图5-5)

相关链接

如果您的系统不能识别code命令,那么,您可以参考下面的文字:

另外一篇讲述命令行下面vscode进行文件对比的文章,如下:

总结

本文的文件对比操作,居然是需要右键两次菜单,真心是头一次看到这么操作的。vscode目前的发展态势,是非常强劲的。多掌握点vscode的相关使用技巧,也是非常有必要的。更多vscode文章,请点击苏南大叔的博客:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。