Dope VS Code extensions for a Javascript developer

Kunal Panchal
Feb 27, 2018 · 3 min read

According to Octoverse 2017, Microsoft’s Visual Studio Code tops the list of Projects with the most contributors. Which implies that there are a lot many developers who absofreakinlutely love VS Code.
Here I have a list of extensions which might not make you a better developer, but for sure would make you feel like one!

A nifty little command would get me the list of VS code extensions I already have installed

$ code --list-extensionsalefragnani.project-manager
aaron-bond.better-comments
eamodio.gitlens
eg2.vscode-npm-script
formulahendry.code-runner
jamespgilbert.comment-label
schristian-kohler.npm-intellisense
shardulm94.trailing-spaces
steoates.autoimport
streetsidesoftware.code-spell-checker
whtouche.vscode-js-console-utils
xabikos.JavaScriptSnippets

A wise man once said : GIFs and JPEGs speak louder than words

NPM Intellisense

Git Lens

Image for post
Image for post

NPM Scripts

Image for post
Image for post

Code Runner

Image for post
Image for post

Trailing white spaces

"editor.trimAutoWhitespace": true,
"files.trimTrailingWhitespace": true,
Image for post
Image for post
Image by niichie

Auto import

Image for post
Image for post

Code spell checker

Image for post
Image for post

Console utils

Image for post
Image for post

Javascript Snippets

imp→ import fs from 'fs';
imn→ import 'animate.css'
imd→ import {rename} from 'fs';
ime→ import * as localAlias from 'fs';
ima→ import { rename as localRename } from 'fs';
enf→ export const log = (parameter) => {console.log(parameter);};
edf→ export default (parameter) => { console.log(parameter);};
ecl→ export default class Calculator { };
ece→ export default class Calculator extends BaseClass { };

Project manager

Image for post
Image for post
Image for post
Image for post

Comment labels

Image for post
Image for post

Better comments

Image for post
Image for post

A few more, particularly for ng fans :

Other worthy mentions which either couldn’t make it to the top 12s or were too obvious : gitlink, esLint, chrome-debug, yarn, Bracket pair Colorizer.

HackerNoon.com

#BlackLivesMatter

Sign up for Get Better Tech Emails via HackerNoon.com

By HackerNoon.com

how hackers start their afternoons. the real shit is on hackernoon.com. Take a look

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Kunal Panchal

Written by

Yet another tech-savvy developer and an awesome person. Building open source utilities and crafting tech solutions for crazy problems. https://kunalpanchal.in

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Kunal Panchal

Written by

Yet another tech-savvy developer and an awesome person. Building open source utilities and crafting tech solutions for crazy problems. https://kunalpanchal.in

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store