Posted   by 

Vscode Cheat Sheet



I recently had some time to organize my VScode extensions and wanted to share my settings and shortcuts I find very useful.

VScode commands (for Windows)

  • In VSCode goto File - Preferences - Keyboard shortcuts., then over on the top right you can select the icon for Open Keyboard Shortcuts (JSON). Alternatively use the keyboard shortcuts Crtl+Shift+p and search for “Open Keyboard Shortcuts (JSON)”. Paste in your shortcut, in this case duplicating lines, which is missing in Ubuntu VS Code: 1.
  • 🌟 All the cheat-sheets mentioned on my blog in pdf format - godcrampy/cheat-sheets. 🌟 All the cheat-sheets mentioned on my blog in pdf format - godcrampy/cheat-sheets. Cheat-sheets / vscode / vscode-cheatsheet.pdf Go to file Go to file T; Go to line L; Copy path Copy permalink.
  • General Add selection to next Find match ⇧⌘P, F1 Show Command Palette ⌘P Quick Open, Go to File ⇧⌘N New window/instance ⌘W ⌘Close window/instance.

🌟 All the cheat-sheets mentioned on my blog in pdf format - godcrampy/cheat-sheets. Cheat-sheets / vscode / vscode-cheatsheet.pdf Go to file Go to file T.

1. Toggle command ( Ctrl + / )

  • THE MOST IMPORTANT SHORTCUT OF ALL
  • You can easily toggle comment codeblocks!

2. Same word selector ( Ctrl + D )

  • Select the word and press ctrl+D.
  • For multiple words, use ctrl+D multiple times.
  • Use this to replace words at the same time.

3. Insert multi cursor ( Alt + Click )

  • Insert cursor and edit multiple lines at the same time

4. Move code line up and down ( Alt + Arrowkey )

  • No more copy paste when you have to move your code line!

5. Indent in and out ( Ctrl + ] or Ctrl+ [ )

  • Use shortcut keys to indent/outdent your codeblock!

Vscode Extensions (Global)

Vscode Cheat Sheet

All extensions can be found and downloaded from the Vscode extension tab.

Material Theme

Set a theme for your vscode.Better looking environment, better workflow!

Bracket Pair Colorizer 2

Ever got stressed because you got sick of matching the end brackets to the start brackets?With Bracket Pair it’s easy to see mistakes!

Todo Tree

Screenshot shows my custom settings for Todo Tree!

This is an awesome in-code todo list manager. Just write TODO: or FIXME: (default tags) in your code and Todo tree will automatically update your todo list!

If you want to edit the settings or add new tags, you can easily go to File>Preferences>Settings and add changes to your settings.json file!

My custom setting looks like this:

Simply add this to your settings.json file and you will be good to go! (If you already have other settings, be sure to paste this code without the outest curly brackets!)

…install code linting extensions for your codes!

Vscode extensions (by type)

Vscode Vim Cheat Sheet

Python

  • indent-rainbow

  • Python Preview

Markdown

Vscode Cheat Sheet

  • Markdown Preview Github Styling

  • Markdown Shortcut

Javascript

Visual Studio Cheat Sheet

  • Turbo Console Log

  • Prettier