In VS Code, how can I view a list of files with staged/unstaged changes, where clicking an entry opens a comparison/diff view?

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

Answer 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