visual-studio-code - 如何在Visual Studio代码中合并文件(区分)

Question

我正在将Visual Studio代码用于angular2应用程序。要求是合并文件，因此，我想区分在Netbeans IDE中发生的两个文件中的更改。有没有可用的扩展来实现Visual Studio代码中的任务。

例如-通过区分如下所示的更改来合并两个文件:

请提出一些解决方案。

abc.component.ts(位于project1中)

abc          <-- text for understanding purpose
def

abc.component.ts(位于project2中)

abc

我想区分两个组件文件，然后像在Netbeans IDE中一样插入另一个组件中的更改吗？是否有适用于Visual Studio代码的解决方案？

Answer 1

首先在git工具集中原生使用vscode

(请务必查看第二个标题，因为这是更好的 native 方式!)

这种方式也可以在旧版本的vscode上使用!还是一件好事! (甚至我们应该始终在最新版本上运行!vscode一直在变得越来越好)。

一种强大而酷炫的本地方法是在vscode中使用 git工具集!它仍然不是最流畅的方式!但是，如果您处于没有任何其他东西，没有时间或资源来使用其他任何东西的设置中，那么!另外，还需要启动git repo!开始了:

首先，我们将使用git工具集的更改和差异功能。步骤如下:

提交所有当前更改

一旦完成:将另一个文件复制过去，以diff放在当前文件的位置。并保存。

现在在git托盘中很酷，您可以在更改列表中看到该文件!单击它，差异编辑器将显示!

宾果游戏就是这样!您可以进行比较并直接进行更改!差异会一直实时发生。注意当前状态在右边。然后您在那里进行更改。




这里是直接修改的示例，例如当前文件中缺少左侧的部分




这是另一个插图(当前有加号)



好总结一下! Git工具和vscode的差异是如此强大!而所有这一切都需要!唯一的问题是，如果需要，可以执行额外的提交和清理步骤!

这里有一些提示!如果您想使提交历史记录更干净!还是没有单独的合并!您可以根据需要从历史记录中删除最后一次提交:无需进行硬重置，然后再次提交更干净的提交!

git reset --soft HEAD~1

你可以检查一下
How to cancel a local git commit

否则可以通过原子提交和合并提及来实现!

另外，如果您需要的是能够从当前文件中保留很多内容!您可以将当前副本复制到其他地方!过去的其他文件进行比较!犯罪 !然后再过去一个旧的!您将在右侧拥有旧的，并保持最新状态(不像上面所述)，在这种情况下，效果很好! (有点麻烦，但您可能需要它)。

native 方式(直接打开比较编辑器)

(可能需要更新版本的vscode)

打开一个您要比较的文件

打开命令托盘

CTRL + SHIFT + P

输入 file: compare


您会看到不同的可能方式!对于文件，我们可以选择 compare active file with。



然后您选择文件!该文件必须在项目目录中。

然后选择一个文件，比较编辑器将打开



以上在我的兄弟计算机上的新vscode安装上进行了测试。起初我不确定它是否是核心的一部分!我只是确认是这样。那也消除了对涉及git的上述方法的需要!这是最好的原生方式。

Vscode扩展

我建议在这里进行两个扩展:

https://marketplace.visualstudio.com/items?itemName=jinsihou.diff-tool

简单容易!它将两个元素添加到右键单击菜单:

In current file right click -> Select as first file for diff, select one again to view the diff results

select比较和 与select 比较再简单不过了!

另一个要检查的扩展:

https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-diff

我喜欢第一个!由于这一方式与 native 方式相比有很多。而且在上下文菜单中具有控件就很棒。

超出vscode!使用其他工具

快速的Google搜索，您会发现很多工具!

https://meldmerge.org/

融合合并是跨平台和开源的，非常好!

在linux和debian中:

sudo apt install meld

否则，您可以在此处查看长列表:

https://www.jotform.com/blog/25-useful-document-and-file-comparison-tools/

https://stackify.com/code-merge-tools/

WinMerge太多了(Windows的开源项目)

https://winmerge.org/