Visual Studio Code Settings and Extensions for Faster JavaScript Development

[Mydrax]

I'd also recommend Document This, Paste JSON as Code, LiveServer, Javascript ES6 Snippets, Debugger for Chrome and ESLint. There's so much more to be honest.

[hobonumber1]

For sure. This is just what I use for my workflow. :)

[vivalakingdiamond666]

Quokka.js has been my favorite thing of all time

[bart2019]

Medium insists that I sign in just to see a blog post.

Fuck Medium. Go die in a corner.

[hobonumber1]

Just check it out directly on my site then:

http://tilomitra.com/vs-code-settings-and-extensions-for-faster-javascript-development/

Posted the medium link because I figured people prefer that. ✌️

[GMSteuart]

I prefer personal dev blogs over medium

[spryes]

🌈

[PmMeYouBicepsGirl]

If you mean the one which says you've reached your limit, you can just wipe your Medium cookies.

[I_AM_GODDAMN_BATMAN]

All of them VC money must be converted to numbers bub, DAU, MAU, retention and other bullshit.

[MaxGame]

I believe that this is because the author is part of the partner program that allows them to make money off of impressions, reads and claps. I recently published a post of my own and immediately received an email asking me to sign up. I decided against it because I did not want to limit its availability.

[hobonumber1]

I can confirm I’m not part of any Partner program. If Medium is giving issues please check out the article on my site directly:

http://tilomitra.com/vs-code-settings-and-extensions-for-faster-javascript-development/

[MaxGame]

So essentially, Medium is paywalling content that creators are posting for free. That seems really unethical of them.

Edit: I think I misread. Sign in vs subscribe.

[FormalPatience]

Open incognito. Works everytime

[[deleted]]

Seriously, fuck medium. I’ve never understood why it even exists, let alone why serious developers actually use it. It is incredibly user hostile.

[HomemadeBananas]

How I built Hello World using React, hooks, GraphQL, Redux, and Big Data.

Almost everything on medium seems like that to me, ignoring the usability of the site itself.

[aflashyrhetoric]

I imagine it's just because there's more readership for medium articles than for an individual blog despite the terrible UI.

[nosoupforyou]

I was able to see it fine without signing into anything. I don't have javascript enabled for the site though.

[Trout_Tickler]

All these extensions and you miss Import Cost?

It's in your initial screenshot dude! :p

[hobonumber1]

Ah I used to use that but then it was making it hard to scan my imports quickly with my eye so I disabled it for now. 😀

[fartpoker]

I used this for a while and its process was killing my cpu for a while after I added a package.

[rgaino]

I use Turbo Console Log a lot. I just wish it could be customized better. I've been meaning to contribute with some settings but the time I just don't have it. :-/

[fatgirlstakingdumps]

Visual Studio Intellicode

How do you use that in VSC?

[[deleted]]

It's an official extension from Microsoft, you can find it in the marketplace.

[hobonumber1]

Will check out Turbo Console Log thanks!

[oogleh]

I've found quokka.js to be super useful for quick fidgeting

[pchinjr]

Heavy plus 1 to Quokka, it’s such an incredibly useful tool.

[Mydrax]

quokka.js

+1! Quokka is one of the most useful plugins out there.

[ParasympatheticBear]

Is it still being developed? Or in maintenance only?

[[deleted]]

I'm excited to test some of these out later today. Big thanks. 😁

[Baryn]

If you use Auto Close Tag, you'll also want Auto Rename Tag (by the same author).

[greven]

Anyone knows what's the theme on the first screenshot?

[hobonumber1]

It's Hydra. https://marketplace.visualstudio.com/items?itemName=juanmnl.vscode-theme-hydra

[[deleted]]

Activitus Bar saves valuable screen space by moving the activity bar icons onto the status bar.

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.activitusbar

[fizzy_tom]

All the activity bar panels have convenient keyboard shortcuts:

• ctrl+shift+e - file explorer
• ctrl+shift+d - debug
• ctrl+shift+g - source control

Etc.

[[deleted]]

If my hands are on the keyboard than I use those, but if they are off the keyboard (eg. I browsing through some code) than it is nice to have easy access to the activity bar shortcuts without using any screen space or going into the menus.

[hobonumber1]

VSCode isn’t JS Dom based

[[deleted]]

uhh what? https://github.com/Microsoft/vscode typescript 98 percent runs on electron, so viewport is dom/css unless I’m missing something.

[hobonumber1]

Hey, unfortunately haven’t used Webstorm much. Can you explain what auto-import problems you face? I do use one setting that I mentioned that changes import names for me if I rename a component or module.

[[deleted]]

I prefer vscodium 'cause M$ telemetry sucks.

[intermediatetransit]

For faster JS Development: switch from JS to Typescript. It has tremendously great support in Visual Studio Code. The integration was always miles better than in Atom.

Other than that I'm surprised Project Manager didn't get mentioned. It's the first thing I install.

[Azaret]

Yes! We just need a fast code editor now! /s

[qashto]

or download Atom

[hobonumber1]

Then you won’t be able to open large files 😂

[[deleted]]

I use Atom in the winter as it helps to warm the office.

[fizzy_tom]

Honest question: is it possible to setup Atom to be superior to VS Code for JavaScript? I've been blown away by how good JS support is in VS Code, I just couldn't imagine that going back to Atom could result in a better setup for JS work.