本文分享的是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文章,请点击苏南大叔的博客:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   vscode

本站的忠实读者小伙伴,正在阅读下面这些文章: