DEV Community

loading...
Cover image for πŸ’‘ 15 VS Code Extension you need as a developer! πŸ’‘

πŸ’‘ 15 VS Code Extension you need as a developer! πŸ’‘

Kaiwalya Koparkar
Front-end Developer @Codemugg|🌐 Open Source Enthusiast | πŸ’» Full Stack Developer | πŸ“ŽBlogger πŸ“œ| Competitive Programmer | Man who Dreams In Code πŸ’»
・3 min read
Hello! This blog contains all the extensions you need to add to your vs code to boost your productivity. Let's start πŸ‘

  1. vscode-icons: This extension comes with tons of preloaded sets of icons which make it more interesting while working with files or directories in the vs code. You can use it to replace the default and boring icons. Download

  2. Visual Studio IntelliCode: This extension helps you by suggesting the autocomplete keywords or snippets you need while programming. Actually, you have to just type the starting of the keyword and this extension will recommend you autocomplete it. Download

  3. Prettier - Code formatted: This extension comes as a savior when it comes to formatting your code. Whenever you same the code this extension will automatically format it for you. Download

  4. Path Intellisense: Do you feel frustrated while importing a particular file and not finding its path or typing it wrong. Then this extension is for you. This extension suggests you the path of the file. Download

  5. npm: This eases your job while using npm commands in the project. Download

  6. Mariana Pro: This is the best theme extensions I have come across. There are many soal soothing color themes you can use as the permanent theme. Download

  7. Live Share: This extension enables you to collaboratively edit and debug with others in real-time, regardless of what programming languages you're using or app types you're building. Download

  8. Live Server: This extension provides a Quick Development Live Server with live browser reload. You can start or stop the server with a single click from the status bar. Download

  9. GitLens: GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more. Download

  10. Debugger for Chrome: This extension helps you to debug your JavaScript code in the Chrome browser or any other target that supports the Chrome Debugger protocol. Download

  11. Bracket Pair Colorizer: This is an extension is my personal favorite. This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use. Download

  12. Babel ES6/ES7: This is a standalone version of the syntax given with vscode-flow-type. Improves majorly on the grammar distributed by default with vscode. This language extension brings no changes to the IntelliSense. Download

  13. Jupyter: A Visual Studio Code extension that provides basic notebook support for language kernels that are supported in Jupyter Notebooks today. Many language kernels will work with no modification. To enable advanced features, modifications may be needed in the VS Code language extensions. Download

  14. Python: A Visual Studio Code extension with rich support for the Python language (for all actively supported versions of the language: >=3.6), including features such as IntelliSense, linting, debugging, code navigation, code formatting, refactoring, variable explorer, test explorer, and more! Additionally, the Python extension gives you an optimal and feature-rich experience for working with Jupyter notebooks through the Jupyter extension.
    Download

  15. REST Client: REST Client allows you to send HTTP requests and view the response in Visual Studio Code directly. Download

❀️ Thank you for reading. ❀️

If you like this content kindly Follow | Like | Share &
🎯 If I miss any please let me know in the comments below 🎯

Discussion (5)

Collapse
zakiazfar profile image
zakiAzfar

For theme, I would recommend One Dark Pro
For icons, I would recommend Material Icon Theme

Checkout

Collapse
kaiwalyakoparkar profile image
Kaiwalya Koparkar Author

Oh, nice to hear that. Thanks for telling that πŸ˜„

Collapse
gulajavaministudio profile image
Gulajava Ministudio

For icon theme , i recommend Material Icon Theme by Philip Kief .
And for theme, i usually use our custom theme named Mayukai theme

Collapse
elianvancutsem profile image
Elian Van Cutsem

Good tips!

I can recommend wakatime(wakatime.com/) if you want to keep track of how long you spend on a project or want to get some cool insights on your code languages. It supports most IDE's including VSCode!

Collapse
kaiwalyakoparkar profile image
Kaiwalya Koparkar Author

Oh! thank you so much, I didn't know about it.

Forem Open with the Forem app