| Command | For |
|---|---|
| code . | Launching from command line |
| code --user-data-dir | Prevent to reopening the old project. |
| Key | For |
|---|---|
| F1 | Show Command Palette |
| F11 | Toggle Full Screen |
| Shift + Alt + RightArrow | Smart Extend selection |
| Ctrl + Shift + \ | Jump/Jump Back to Matching Brace |
| Ctrl + Shift + / | Jump/Jump Back to Matching Tag. (Extension required: Highlight Matching Tag) |
| Ctrl + G | Go to Line |
| Ctrl + D | Duplicate current line |
| Ctrl + Shift + D | Add Selection To Next Find Match |
| Alt + ← / → | Jump back / forward |
| Alt + Click | Insert cursor |
| Ctrl + Alt + ↑ / ↓ | Add cursor above / below |
| Esc | Escape the multi-line selection |
| Ctrl + U | Soft Undo (Move the cursor back to it's previous location) |
| Alt + ↑ / ↓ | Move up/down with current line |
| Ctrl + Enter | Insert line below |
| Ctrl + Shift + Enter | Insert line above |
| Ctrl + Home / End | Scroll to top/bottom |
| Ctrl + J | Show/Hide Terminal |
| Ctrl + E | File Explorer (Open Recent) |
| Shift + Alt + P | Project Manager Exporer |
| Ctrl + F | Search |
| Ctrl + Shift + F | Search in File |
| Ctrl + B | Show/Hide sidebar |
| Ctrl + PageUp/PageDown | Go next/previous tab |
| Ctrl + Shift + PageUp/PageDown | Move next/previous tab itself |
| Ctrl + Alt + D + D | Document This (Only on JS file) (Extension required: Document This) |
1. WordPress VS Code Extension Pack (9 extensions included)
2. Code Runner
3. GitLens — Git supercharged
4. ESLint
5. "Highlight Matching Tag" by "vincaslt"
6. Live Server
7. Path Intellisense
8. "Document This" by "Joel Day"
9. "phpcbf" by "Per Soderlind"
10. Bracket Pair Colorizer
11. "Custom CSS and JS Loader" by "be5invis"
12. Project Manager
13. "JS & CSS Minifier" by "Olback"
14. Git Graph
15. "Prettier - Code formatter" by "Esben Petersen"
16. "Color Info" by "Matt Bierner"
17. "Line Note" by "tkrkt"
18. "Code Spell Checker" by "Street Side Software"
29. Polacode 📸
Tip for Extension 'WordPress VS Code Extension Pack'; After install this extension uninstall the extension 'WordPress VS Code Extension Pack' itself. Then you will be allowed to uninstall the sub packages. Uninstall the subpackage ACF-Snippet coz this snippet annoyed on HTML file 😠
Tip for Extension 'Custom CSS and JS Loader'; After got a new update on vscode, "Custom CSS and JS Loader" extention could gives some error. We can use an extension named "Fix VSCode Checksums." Press CTRL+Shift+P and Enable Fix Checksums. Once the checksum changes are applied and VSCode is restarted, all warning about core file modifications will disappear, such as the display of [Unsupported] in the title-bar.
Tip for Extension 'Line Note'; You can put hyperlinks in notes by writing #L42 or ../foo.js#L12-L15. #L12-L15 means line number 12 to 15
1. Material Theme - Palenight High Contrast