• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Abhishek Tanwar

I build web & mobile experiences

  • HOME
  • BLOG
  • CONTACT ME
  • DISCLAIMER & COPYRIGHTS
You are here: Home / Building Web Apps / 15+ VSCode Extensions To Improve Your Productivity

15+ VSCode Extensions To Improve Your Productivity

August 6, 2023 by Abhishek Tanwar

VSCode has already become the Integrated Development Environment (IDE) for developing any javascript-based application. I don’t think anyone uses any other IDE for the same. Having a good developer experience revolves around making the experience nice as well as putting less effort in writing code.

So here I am going to share my small list of extensions that have helped me over the years to have a nice experience while coding using keystrokes.

1. Typing less

These extensions help to write less code using snippets. We all have used Three Letter Acronyms (TLA) in our phone “omw -> On my way!“. The below extensions let you do the same with code. You have to try each one of them to experience the improvement in your coding speed.

node-snippets: Node snippets in general
JavaScript(ES6) code snippets: Snippets for Javascript – ES6
ES7 + React/Redux/React-Native snippets: Snippets for ES7 and React

The plugins helps you code with “intellisense” and renaming.

Auto Rename Tag: To automatically rename HTML tags in any framework.
npm Intellisense: Auto completion of NPM modules.
IntelliCode: AI assistant to help you code faster.

2. Improving Quality

The extensions mentioned in this section let you improve the quality of code by enabling rules/checks which are identified during a CICD pipeline. Left-shift in coding is the right thing for you as a “coder” and your company.

Import Cost: Live cost for your imports.
ESLint: Quality using ESLint
SonarLint: Quality and Security

3. Helpers

Swagger Viewer: Lets you view your swagger files right in VSCode
PlantUML: Lets you draw standard UML diagrams with text-like language. Ideal for concept discussion within a small team.
Mintlify Doc Writer: Auto generate documentation for standard languages.
Live Server: Lets you hot reload an html-css-javascript application without hosting it with a web server. Treat this like a simple embedded web server for your development.
JSON Tools: Best tool I have used for manipulating JSON.
JSON Parse & Stringify: An amazing extension to parse and stringify JSON. This is a must when we debug applications as JSON is a STRING when we extract from logs/observability.
Encode Decode: Encode and Decode between standard formats.
.ENV: Best extension to view “.env” files in proper colours.
.run: Run a single file or part of file.
Avro Schemas(.avsc): Formatting for “AVRO” files.
YAML: Formatting for YAML files.
TODO Highlight: To capture your TODOs the right way.
Prettier – Code formatter: Best formatter there is in the industry for all languages in VSCode.

4. Look & Feel

In my opinion, Look and Feel plays a vital role in codingl. If as a developer, you feel good while writing code – you would enjoy coding more. These small extensions help you in that area. Experience is personal so please take reference from here and find things that suit you.

Dracula Official: Best theme for javascript
Material Icon Theme: Icon set
vscode-icons: To make the icons look good.

Share this:

  • Facebook
  • X

Like this:

Like Loading...

Filed Under: Building Web Apps, Extensions, Tips & Tricks, VSCode Tagged With: extensions, increasing productivity using vscode, javascript, plugins, vscode

Primary Sidebar

  • Behance
  • Email
  • Facebook
  • GitHub
  • LinkedIn

Popular Posts

How To Integrate React in JSP Application
SaaS, PaaS, IaaS
XQuery highlighting in Notepad++
Standard Design Patterns – Applied to JAVA
XQDT Installation on Eclipse JUNO

Categories

  • Building APIs
  • Building Mobile Apps
  • Building Web Apps
  • Coding Challenges
  • Extensions
  • Fullstack
  • Patterns
  • Tips & Tricks
  • Uncategorized
  • VSCode

Tags

2022 vscode extensions Abstract Factory alienware amazing vscode extensions apple challenges coding coding-challenges Design Patterns dota2 dota2 items dynamic web service call dynamic webservice invocation enterprise integration express flex helpful vscode extensions how to implement mfa in nodejs increasing productivity using vscode integration pattern macro message channel message endpoint message pattern message router message translator messaging mfa offline action processing offline actions in struts pipes and filters PRG in struts react Steam struts System Emulator threads in struts utilities vscode vscode customization vscode extensions vscode productivity extensions xquery xquery 1.0 xquery design principles

Recent Posts

  • 15+ VSCode Extensions To Improve Your Productivity
  • Productivity and Quality Extensions for ReactJS in VSCode..
  • My goto VSCode plugins for 2022…
  • How to enable MFA for your application in Node.JS?
  • Structuring Express Application – How I do it?

Categories

  • Building APIs (8)
  • Building Mobile Apps (1)
  • Building Web Apps (7)
  • Coding Challenges (3)
  • Extensions (1)
  • Fullstack (6)
  • Patterns (8)
  • Tips & Tricks (41)
  • Uncategorized (43)
  • VSCode (2)

Tags

2022 vscode extensions Abstract Factory alienware amazing vscode extensions apple challenges coding coding-challenges Design Patterns dota2 dota2 items dynamic web service call dynamic webservice invocation enterprise integration express flex helpful vscode extensions how to implement mfa in nodejs increasing productivity using vscode integration pattern macro message channel message endpoint message pattern message router message translator messaging mfa offline action processing offline actions in struts pipes and filters PRG in struts react Steam struts System Emulator threads in struts utilities vscode vscode customization vscode extensions vscode productivity extensions xquery xquery 1.0 xquery design principles

Archives

  • August 2023 (1)
  • March 2022 (1)
  • February 2022 (1)
  • November 2020 (1)
  • April 2020 (2)
  • May 2019 (1)
  • April 2019 (1)
  • March 2019 (1)
  • December 2018 (1)
  • July 2018 (4)
  • June 2018 (3)
  • March 2018 (1)
  • May 2016 (1)
  • December 2015 (1)
  • May 2015 (1)
  • April 2015 (2)
  • March 2015 (1)
  • December 2014 (2)
  • November 2014 (2)
  • October 2014 (1)
  • August 2014 (2)
  • July 2014 (1)
  • April 2014 (1)
  • March 2014 (1)
  • February 2014 (2)
  • January 2014 (1)
  • December 2013 (4)
  • November 2013 (4)
  • October 2013 (3)
  • September 2013 (4)
  • August 2013 (2)
  • July 2013 (5)
  • June 2013 (9)
  • May 2013 (6)
  • April 2013 (2)
  • March 2013 (2)
  • January 2013 (1)
  • November 2012 (2)
  • HOME
  • BLOG
  • CONTACT ME
  • DISCLAIMER & COPYRIGHTS

Copyright © 2025

%d