1. VSCode Icons
This extension provides a set of icons for files and folders in VS Code. It is a must-have extension for developers who work with multiple files and folders.
The example
folder holds example file extension types to show the icons of the VSCode Icons extension.
This extension helps you create more human-friendly comments in your code. It allows you to categorize your comments and make them more visually appealing.
3. Copilot
Copilot is an AI-powered code completion tool that helps you write code faster. It provides suggestions for code snippets based on your context and helps you write code more efficiently. Copilot is free for University Students using GitHub Education.
4. Error Lens
Error Lens is an extension that highlights errors and warnings in your code directly on the line where they occur. It makes it easier to spot and fix issues in your code.
I have found that this extension works with at least the following languages: Python, CSS, JavaScript and JSON
Indent Rainbow is an extension that colorizes the indentation in your code with different colors. It helps you visualize the indentation levels and makes your code more readable.
6. Rainbow Tags
Rainbow Tags is an extension that colorizes matching HTML tags in your code with different colors. It helps you identify the opening and closing tags more easily.
Auto Rename Tag is an extension that automatically renames the closing tag when you rename the opening tag in HTML or XML files. It helps you keep your code consistent and error-free.
8. CSS Peek
CSS Peek is an extension that allows you to peek into CSS definitions in your code directly from HTML or JavaScript files. It helps you navigate your CSS code more easily. This extension also allows you to jump directly to the CSS file from the HTML file to see the CSS of the element you are working on.
9. Polacode
Polacode is an extension that allows you to create beautiful screenshots of your code with syntax highlighting. It helps you share your code snippets in a visually appealing way.
Brackets Extension Pack is a collection of extensions that provide features similar to Adobe Brackets, a popular code editor. Brackets Keymap is an extension that brings Adobe Brackets keybindings to VS Code. Both extensions help you work with Adobe Brackets features in VS Code.
11. Live Share
Live Share is an extension that allows you to collaborate with other developers in real-time. It provides features like shared editing, debugging, and terminal access. It is a great tool for pair programming and code reviews.
12. Live Server
Live Server is an extension that launches a local development server with live reload capability. It helps you preview your web applications in the browser and see the changes in real-time.
13. SQL Notebook
SQL Notebook is an extension that allows you to connect to a SQL database and run SQL queries directly in VS Code. It provides features like syntax highlighting, code completion, and result visualization. (Use Ctrl + Enter to run the block of code)
GitHub Pull Requests and Issues is an extension that allows you to manage your GitHub pull requests and issues directly in VS Code. It provides features like reviewing code, commenting on pull requests, and creating new issues.
- Ctrl + Shift + P: Open Command Palette
- Ctrl + Shift + E: Show Explorer
- Ctrl + Shift + F: Search in Files
- Ctrl + Shift + G: Open Source Control
- Ctrl + Shift + D: Open Debug
- Ctrl + Shift + F: Open Super Search
- Ctrl + Shift + X: Open Extensions
- **Ctrl + Shift + ~**: Open Terminal
- **Ctrl + ~**: Toggle Terminal
- Ctrl + Shift + V: Preview Markdown (Need to have a Markdown file open)
- Ctrl + Shift + L: Select all occurrences of the current selection
- Ctrl + D (with Brackets Extensions): Copy Line Down
- Shift + ALT + (Up/Down) Arrow (No Brackets Extensions): Copy Line Up/Down
- Ctrl + Shift + (Up/Down) Arrow (With Brackets Extensions): Multi-Cursor Up/Down
These are some of the helpful extensions and keyboard shortcuts in VS Code that can improve your coding experience.
Feel free to explore more extensions and customize your settings to suit your workflow.