- Prettier-vscode
- Eslint
- Stylelint
- Material-icon-theme
- Vscode-docker
- Quokka-vscode
- Auto-rename-tag
- Markdown Preview Enhanced
- Console-ninja
1. Open preview to the Side: ctrl + k v (Windows) or cmd + k v (Mac)
2. Open preview: ctrl + shift + v (Windows) or cmd + shift + v (Mac)
1. Select the variable you want to debug
2. ctrl + alt + L (Windows) or ctrl + option + L (Mac)
1. Issues are highlighted in your code
2. Issues are listed in the 'Problems' panel.
User settings: Apply settings globally
File location:
$HOME/Library/Application Support/Code/User/settings.json
Or
ctrl + shift + p-> Windowscmd + shift + p-> macOS- Type
open settings - Select
Open Settings (JSON)
{
"editor.fontFamily": "DroidSansMono Nerd Font",
"editor.formatOnSave": true,
"files.trimTrailingWhitespace": true,
"editor.fontSize": 16,
"editor.codeActionsOnSave": null,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"prettier.useTabs": true,
"window.zoomLevel": 1,
"workbench.iconTheme": "material-icon-theme"
}
Workspace settings: Apply when a workspace is opened
MyApp/.vscode/settings.json
{
"editor.fontSize": 16
}
| Description | Keyboard Shortut |
|---|---|
| Type Reload window | ctrl + shift + p -> Windows cmd + shift + p -> macOS |
| Open recent folders and workspaces | ctrl + r |
| Quickly open files | ctrl + p -> Windows cmd + p -> macOS |
| Zen modes | ctrl + k z |
| Toggle Panel | ctrl + j |
| Toggle sidebar | ctrl + b |
| Side by side editing | ctrl + \ |
| Switch between editors | ctrl + 1, ctrl + 2 |
| Multi cursor selection | alt + click -> Windows, option + click -> macOS |
| Set cursors above or below the current position | ctrl + alt + up or ctrl + alt + down |
| Select all occurrences of the current selection | ctrl + shift + l -> Windows cmd + shift + l -> macOS |
| Select next occurrences of the current selection | ctrl + d |
| Select blocks of text | shift + alt -> Windows, shift + option -> macOS |
| Move line up and down | alt + up or alt + down |
| Copy line up and down | shift + alt + up or shift + alt + down |
| Split Editor | ctrl + \ |
| Close Editor | ctrl + w |
| Save All | ctrl + k s |
Select User Snippets under File > Preferences on Windows and Code > Preferences on macOS.
