VSCode Extensions You Should Have
Jannatin Naim
Posted on July 15, 2022
Extensions are a key component of VSCode. They can add so much functionality to this seemingly simple code editor. Here's an exhaustive list of extension that I use in my day to day workflow in VSCode.
- Python Download
Get Python language support with linting, debugging, running tests and lots more.
- Prettier - Code Formatter Download
Format your JavaScript code according to an opinionated standard or your own.
- ESLint Download
Lint your code to follow a certain code style.
- IntelliCode Download
Get intelligent suggestions (not just word auto completion) based on your code.
- GitLens Download
Interact with git from VSCode through a powerful UI.
- Code Run Download
Run any script you want.
- Material Icon Theme Download
Good looking icon theme.
- Live Share Download
Collaborate with multiple people on the same file.
- Path Intellisense Download
Autocomplete paths in your files.
- GitHub Pull Requests and Issues Download
Manage GitHub issues and pull requests directly from VSCode.
- One Dark Pro Download
Best color scheme ever made. (#controversial)
- ES7+ React/Redux/React-Native snippets Download
Useful snippets if you're using React.
- EditorConfig Download
Standardized editor configuration.
- Code Spell Checker Download
Never make a spelling mistake ever again.
- markdownlint Download
Lint markdown files to follow a certain standard.
- Better Comments Download
Colorful comments to easily navigate around important parts of the code.
- CSS Peek Download
Go to definition for CSS.
- Git Graph Download
Git log... but cooler.
- DotEnv Download
Highlight dotenv files.
- Quokka.js Download
Prototype your JavaScript code.
- Peackcock Download
Distinguish between multiple VSCode instances.
- gitignore Download
Generate gitignore template.
- Version Lens Download
Manage package versions.
- Image Preview Download
Preview images in the gutter for quick reference.
- Error Lens Download
Why have tiny squiggly lines when you can have chungus line highlights.
- SCSS IntelliSense Download
Autocompletion for SCSS.
- Microsoft Edge Tools for VS Code Download
Suggest best practices for web development and integrate with Microsoft Edge browser.
- Formatting Toggle Download
Toggle formatting files.
- GitHub Repositories Download
Browse remote GitHub repositories without cloning them.
- GitHub Markdown Preview Download
Have the same markdown previewer as GitHub.
- WakaTime Download
Track your coding time.
- Sort Lines Download
Sort lines by any order.
- Live Preview Download
Preview your HTML files inside VSCode.
- Code Snap Download
Take cool screenshots of your code to share around.
- Lorem ipsum Download
Generate random lorem ipsum text for any file.
- Colorize Download
Highlight CSS colors.
- Fluent Icons Download
Cleaner app icons.
- :emojisense: Download
Autocompletion for markdown emojis.
- Relative Path Download
Get relative path to any file in the project.
- .ENV Switcher Download
Switch between .env files.
- audio-preview Download
Preview audio files.
- Choose A License Download
Generate a license file.
- Discord Rich Presence Download
Show off to your friends what you're working on.
- Draw.io Integration Download
View draw.io files inside VSCode.
- Gif Player Download
Preview GIF files.
- Numbered Bookmarks Download
Put bookmarks throughout your code.
- SCSS Everywhere Download
Autocompletion for CSS classes.
- Thunder Client Download
Make API requests from VSCode.
- Todo Tree Download
All your TODOs in one place.
- vscode-spotify Download
Control Spotify from VSCode.
PS: If you speak Bangla you can also check out this YouTube video showcasing these settings.
Posted on July 15, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.