By default, VSCode binds most of the top-keyboard function keys to Debugger actions (e.g.: F5 to start, Shift + F5 to stop, F9 to create a breakpoint), but I highly recommend changing these, as. Cheat sheet for Visual Studio Code. Visual Studio Code Handy Shortcuts (Linux) ^K^S: Shortcuts list ^⇧F: Search in the project ^⇧N: Opens a new instance of VS Code ^⇧I: Format code ^E: Search for a file in a project ^P: Search for a file in all projects ^N: Open a new unsaved file: Handy Shortcuts (Mac) ⌘.
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)
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)
All extensions can be found and downloaded from the Vscode extension tab.
Material Theme
Garage sale sunday near me. 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 Cheat Sheet Download
Python
Vscode Command Cheat Sheet
indent-rainbow
Download html5 player for mac. Python Preview
Markdown
Markdown Preview Github Styling
Markdown Shortcut
Vscode Cheat Sheet Linux
Javascript
Turbo Console Log
Prettier