Visual Studio Code
Cool VS Code Extensions
- GitHub Pull Requests For integrating Git version control into VSCode.
- CodeSnap-plus Creates snapshot images for selected code
- Dev Containers Lets you use a Docker container as a full-featured development environment.
- Docker Makes it easy to build, manage, and deploy containerized applications
- EJS Language Support Syntax highlighting for EJS files
- Live Server Launch a local development server with live reload feature for static & dynamic pages
- Markdown All in One All you need for Markdown support and previews
- Path Intellisense Plugin that autocompletes filenames
- Remote - SSH lets you use any remote machine with a SSH server as your development environment
- WakaTime for Visual Studio Code For metrics, insights, and time tracking automatically generated from your programming activity
- YAML Provides comprehensive YAML Language support
- Prettier - Code formatter Is an opinionated code formatter
- ESLint Integrates ESLint JavaScript into VS Code
- Thunder Client Rest API tester (But, I prefer stand-alone Postman)
- Filetree Pro Generate project file trees in markdown
Shortcut keys
ctrl a k sWill select all the code in your editor window and then reformat it nicelyctrl `Opens a terminal window to your project foldercode .from a terminal, opens VSCode to that folderctrl shift pfor VSCode command palettectrl =zoom inctrl -zoom outshift altfor block select with mousectrl spacefor intellisensectrl /to comment / uncommentf2rename symbolctrl ,opens VSCode settingsalt-shiftallows selecting multiple lines within the editor to simultaneously change- Open settings and search for autosave in the search bar. Set autosave to
afterDelayand autosavedelay to3000. (Saves files after 3 seconds of inactivitiy)
Issues
Mouse pointer dissapears
Mouse pointer almost dissapears in coding widows, using dark-mode themes, and when using AMD GPUs
ctrl-shift-pto open the VSCode command palette- Type in `Preferences: Configure Runtime Arguments
- Disable hardware accelleration
// fix for dark cursor in editor on AMD GPUs
"disable-hardware-acceleration": true
- save file and restart VSCode