visual studio code - show all the changed files and changes

Question

I am looking for a plugin or feature of Code to see all the changed files and changes as we can see in SourceTree --> File Status feature, I am attaching a screenshot to demonstrate what I want, it is very easy to go over the changed files with this feature without going over all the project tree-view. I have searched plugins and could not see a single plugin doing this, there are very good ones but they show the changes in a file, does not list you all the changes in the project folder. The reason for this is I do not want to leave my ide for this.

I am aware of this nice feature Highlight changed files in file tree within visual studio code

Solution 1

Perhaps Git Lens and the specific part is to look under the Repositories --> <Name of your repo> --> <x files changed>? If you click a particular file under that, then you can see the changes which is similar to SourceTree.

I've clicked the Piece.jsx file and the editor shows me the diff.

In addition, if you want to see the diff inline as in your screenshot, you can do it by unchecking this setting in User Settings of Git Lens

Solution 2

If you are at your current branch at which you push your code , then simple check the timeline for that particular file.

Comments

[mcvkr]

can you share a screenshot please ?

[Jonathan Wang]

I've attached a screenshot to the top-level answer. Hope this is what you were looking for.

[mcvkr]

Thanks, this is really very helpful. By the way I am using Material Icon Theme , it looks fancier and visualization is better in mine, just fyi.

[Jonathan Wang]

Thanks for the suggestion. I'll check it out!

[progonkpa]

It's a shame VSC still doesn't provide a built-in method for this. A sorting mechanism or filter in the version control panel would do the trick. Not having that, Git Lens does provide a solution.

[Chris Stryczynski]

How do I open the gitlens interface?

[Jonathan Wang]

There is a GitHub issue which details the steps to show the icon here: github.com/eamodio/vscode-gitlens/issues/1162.