VSCODE JSON COMPARE CODE

Previews panels in VS Code are the most annoying thing ever. Wehoo, love it 👌🏻 5) Disable “Peek” Previews

Now take a look at the diff editor in VS Code: We can easily achieve this in VS Code with the following setting: 'diffEditor.renderSideBySide': false,

I much prefer the way GitHub renders diffs inline: Meaning there are two panels with two different versions of the same file open side by side: However, the default diff viewer is “Side by Side”. It’s a great way to get a glimpse of your changes before a commit, or easily resolve a merge conflict. Ugh, VS Code… 4) GitHub-Style Inline Diffs Now, when I type con, my suggestions are more sensible: To remedy this, we can add a new setting to our settings.json file: 'editor.snippetSuggestions': 'top', When I type con I should be able to hit Enter and fill console.log. Take the following example GIF of a console.log snippet with a trigger of con. Snippets have to be fast and easy to trigger, and out of the box THEY ARE NOT. I don’t know about you, but if I registered a trigger for a snippet, I want to see that snippet at the top of my autocomplete list. If you don’t already use them, you can read more about them here. Snippets in VS Code are a powerful way to auto-fill repetitive boilerplate text. You can do that with the following setting: 'window.newWindowDimensions': 'offset', You might also prefer to keep the same dimensions, but “offset” the new window. Here’s what opening a new window will look like now: Now, you can add the following line: 'window.newWindowDimensions': 'inherit', To open settings.json, search for “settings json” in the command palette ( Cmd+Shift+P): To make this happen, we can add the following configuration to our settings.json file. Now, admittedly, this actually looks kind of cool, but nonetheless, it would make so much more sense if VS Code just used the last known window size as a reference. Here’s what opening a new window in VS Code looks like with an existing window already opened by default: This one might just be me, but when I open a new VS Code window, I expect it to be the same size as the previously opened one. Now, they changed the default AND they removed the setting completely. This actually used to be the default in VS Code, and there was a setting to customize it yourself. The bottom panel thingy (where the terminal sits) is a much better place for “Search”. WHY IN THE WORLD IS IT SCRUNCHED IN THE SIDEBAR!!?! It’s one of the niceties that originally drew me away from Sublime Text in the first place. When you hit Cmd+Shift+F VS Code’s “Find All” panel shows up. Let’s just skip the intro and get to the good stuff.

Vscode json compare