比较Visual Studio Code中的文件

目录

一、比较两个文件

1.1VS code中的文件大致分为两类：

 1.2如何比较VS code中的两个文件？

 二、并排差异模式：VS code中的一种差异模式

三、内联差异模式：VS code中的另一种差异模式

四、VS code忽略在行首或者行尾添加或删除的空格

五、使用VS code比较两个文件的场景

六、同时查看两个文件

参考：

---

一、比较两个文件

1.1VS code中的文件大致分为两类：

1. 工作区中的文件：
   1. 点击File-->打开文件夹-->选择某个文件夹，之后在工作区中会显示这个文件夹中的文件；
2. 编辑器中的文件：
   1. 单击工作区中的任何一个文件，这个文件会在“OPEN EDITORS”中出现；
   2. 点击File-->New File，会在OPEN EDITORS中出现新建的且尚未保存的文件；
   3. 不通过VS code打开文件夹，而是直接打开某个文件，这个文件会出现在OPEN EDITORS栏下；

 1.2如何比较VS code中的两个文件？

1. 首先左击选中一个文件，文件会变蓝以表示被选中；
2. 按住Shift键不放，然后左击选中另一个文件，被选中的文件会变蓝色；
3. 放开Shift键；
4. 鼠标放在被选中的文件上，右击选中“compare selected”

 二、并排差异模式：VS code中的一种差异模式

按照上述方法操作后，便会打开下面的差异查看器，VScode中默认差异模式是将新旧代码并排显示，即如下的形式。

 值得说明的是：

• 在比较两个文件的时候，先选中的文件，展示在上述差异查看器的左边，后选中的文件，展示在上述差异查看器的右边。（同时，我们通过差异查看器的文件名来知道差异查看器的左右两侧对应的文件是什么。例如，按照上图所示，差异查看器的文件名是old2.py< -- >new2.py，这也意味着差异查看器的左侧的文件是old2.py，差异查看器的右侧文件是new2.py）；
• 两个文件之间的差异通常使用红色和绿色突出显示，但是颜色可能因使用的主题而异。
• 仅存在于左侧页面中的代码行使用红色背景，对应的右侧使用灰色对角线显示；
• 仅存在于右侧页面中的代码行使用绿色背景，对应的左侧使用灰色对角线表示‘
• 右侧和左侧都有内容，但是存在部分小差异，此时左侧使用浅红色背景，右侧使用浅绿色背景，差异的部分使用深红色或者深绿色。

三、内联差异模式：VS code中的另一种差异模式

VS code中默认差异模式是上述将新旧代码并排显示，即新旧代码在一个窗口中，使用两个并列的页面展示。

如果代码行很长，或者没有足够的水平的显示屏幕空间，则需要切换到内联差异模式，即两个要比较的代码文件显示在一个窗口同一个页面中。这种模式通过首先显示当前位置已删除的所有行，然后是已插入的所有行来实现。可能需要一些时间来适应这种模式，但是这种模式确实减少了所需的屏幕空间。

要在并排和内联差异模式之间切换，只需要打开操作菜单并选择内联视图

四、VS code忽略在行首或者行尾添加或删除的空格

默认情况下，VS code会忽略在行首或者行尾添加或删除的空格，它们在大多数变成语言中没有意义，只会给差异添加视觉噪音。不妥也有一些值得注意的例外。例如，Python使用行的缩进来确定当前行属于哪个控制流结构，Markdown使用两个行尾空格来指示换行符。

要切换VS code是否应忽略行首/行尾的空格，请单击此图标：

五、使用VS code比较两个文件的场景

• 比较两个代码文件，看其是否存在差异；如果存在差异，有时候，需要去掉某些差异。
• 比较两个tex文件，看器是否存在差异，比如两个paper两个版本的tex文件，由于没有标注哪些是新标注的，哪些是后标注的，这个时候可以通过VS code进行比较；

备注：

在使用过程中，我一般先打开模板文件，然后再打开要修改的文件；

六、同时查看两个文件

使用VS code查看两个文件，打开的界面中拖动进度条，实现了两个文件同时拖动。

如果不想让两个文件同时拖动，只想拖动其中一个文件，如何操作呢？

 实现效果：

参考：

Comparing Files in Visual Studio Code