paint-brush
Dope VS Code extensions for a Javascript developerby@kunalpanchal
2,142 reads
2,142 reads

Dope VS Code extensions for a Javascript developer

by Kunal PanchalFebruary 25th, 2018
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

According to <a href="https://octoverse.github.com/" target="_blank">Octoverse</a> 2017, Microsoft’s Visual Studio Code tops the list of <em>Projects with the most contributors. </em>Which implies that there are a lot many developers who absofreakinlutely love VS Code.&nbsp;<br>Here I have a list of extensions which might not make you a better developer, but for sure would make you feel like one!
featured image - Dope VS Code extensions for a Javascript developer
Kunal Panchal HackerNoon profile picture


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!

Image from https://wallup.net/code-microsoft-visual-studio/

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

$ code --list-extensions












alefragnani.project-manageraaron-bond.better-commentseamodio.gitlenseg2.vscode-npm-scriptformulahendry.code-runnerjamespgilbert.comment-labelschristian-kohler.npm-intellisenseshardulm94.trailing-spacessteoates.autoimportstreetsidesoftware.code-spell-checkerwhtouche.vscode-js-console-utilsxabikos.JavaScriptSnippets

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

NPM Intellisense

Git Lens

NPM Scripts

Code Runner

Trailing white spaces

"editor.trimAutoWhitespace": true,"files.trimTrailingWhitespace": true,

Image by niichie

Auto import

Code spell checker

Console utils

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

Comment labels

Better comments

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.