VS Code getting started with Extensions
vs code is one of the best editor out there, it becomes even better when you customize it.
I have been using VS code for some years now. Its undoubtedly one of the best editor available out there. It becomes even more powerful with extension. It has a rich collection of extension which make it support any language.
Here I have tried to compile some of the best extension to get started for some of the programming languages and frameworks I use. Feel free to explore the Vs code marketplace for more extensions.
You can download VS Code from here: https://code.visualstudio.com/
Themes
Note: I'm a little biased when it comes to themes. There are more wonderful themes available out there. Hope you find one that matches your taste.
Dracula Official
A beautiful dark theme.
Material Icon Theme
Material Design icons for VS Code. Makes all the boring icons not boring anymore.
Web development
HTML Snippets
Makes typing html tags much easier by auto completing it.
HTMLHint
It analysis your html code for syntax error and flags any if found.
IntelliSense for CSS class names in HTML
Automatically completes CSS class names for HTML attributes based on your project.
CSS Peek
It allows peeking into the definition of the css attribute directly from html. It makes it so easy to debug when the project is big.
HTML CSS Support
Adds css auto completion support to vs code.
JavaScript (ES6) code snippets
Adds JavaScript (ES6) code snippets support to vs code.
ESLint
It integrates ESLint into VS Code. It checks your JavaScript code for syntax error.
React Js
Simple React Snippets
As the name states it provides essential React Snippets and commands.
ES7 React/Redux/GraphQL/React-Native snippets
It provides react/redux snippets in ES7.
Live Server
It creates a development local Server with live reload feature for static & dynamic pages
Python
Python
It adds python support into vs code which includes Linting, code formatting, Debugging and support for Jupyter Notebooks baked directly by Microsoft.
Java
Java Extension Pack
It's a collection of multiple java extensions which add all the essential features needed to run, debug and edit java in vs code.
DOCKER
This adds options like start . stop and remove containers directly without having to type any code. It also makes it easy to manage and maintain docker images.
Utilities
Code Time
It provides metrics like time you spent coding and other information which keeps you motivated at times.
Code Runner
Run code snippet or code file for multiple languages with a button click.
Bracket Pair Colorizer 2 (deprecated)
It colors both brackets with the same color. This might be a simple addition but saves so much time and effort while debugging.
This functionality is now baked into VS code and can be turned by enabling Bracket Pair Colorization in settings.
GitLens — Git supercharged
Prettier — Code formatter
It format's your code to make it look more consistent and readable throughout.
Visual Studio IntelliCode
It provides AI-assisted code auto-completion baked directly by Microsoft.
Live Share
It helps you share and collaborate your code to test and debug in real time directly from vs code.
Conclusion
Now that you have spent so much time and effort setting up and customizing your vs code environment, I know you would be wondering if you could backup all these settings so that you can restore your settings whenever you want.
Settings Sync
Sync’s all your vs code settings and configuration to your GitHub repo.
This extension does exactly what it tells. It backups all your settings and configuration so that you can restore it whenever you want and feel home.
Thank you for reading and I hope you have a wonderful time setting up your VS Code.
Happy coding!!
