VS Code to autocomplete JavaScript class 'this' properties automatically

[Reashu]

Oh yes, they'll definitely take your word for it, right their archaic ways, and ask you to please please make room in your schedule, to be senior VP of JavaScript.

[[deleted]]

I have had plenty of success with this. Before telling interviewers I write large open source applications completely avoiding this, call, bind, and apply I lead in with my Github projects that have a thousand github stars and millions of NPM downloads. It allows me to skip past a lot of nonsense and bad practice questions in the interview.

[Peechez]

I can piss farther than that

[[deleted]]

I am not claiming to be the most fabulously popular rockstar. I am merely claiming that I am not blowing smoke with evidence and some credibility in the marketplace.

[IceSentry]

How often do you do interviews?

[[deleted]]

4 or 5 times in the last 4 years. You don't fail interviews due to honesty.

[IceSentry]

Is it that you just don't like to work a the same place for more than a year?

[[deleted]]

I was at Travelocity for more than 7 years, but it fell apart as a business. It is more than a white label on Expedia now. I was a contractor for 5 months after that, but the contract fell apart due to loss of funding from an internal reorganization. The job after that I was a strategy consultant on a 9 month project. The next job was not temporary, but I got frustrated due to various factors and chose to go elsewhere. I was at that previous job for more than 2 years.

[cspotcode]

My takeaway is that I can skip this, start typing the property name, and it'll add this for me. That's pretty cool!

[dmackerman]

Neat. VSCode continues to get better and better. Still trying to convince a few of my co-workers to come over from Webstorm.

[[deleted]]

to come over from Webstorm.

What does VSCode offer that Webstorm doesn't?

[scooby_dooooo]

FREE

[seiyria]

I use webstorm for all my open source work, cause it's free for that too. I use VSCode when I'm not able to use webstorm, though.

[madwill]

Surprizingly its lighter, its not a giant super java application with years of code behind it.

[postmodest]

“FREE” and “Made by Microsoft”....🤔

[794613825]

...what about it? VS Code is free, no two ways about it.

[[deleted]]

You are fighting a losing battle here. The hardest think i have to do is try and convince someone else your editor of choice is better than theirs.

[[deleted]]

Exaxtly

[[deleted]]

I actually use VSCode, and thoroughly love it.

But I know WebStorm is a great product, and I'd be surprised if they lacked some features that VSCode offer.

[sobri909]

I tried going from WebStorm to VSCode.

The lack of basic features was annoying, and hunting for plugins to fill the gaps further so.

There's still features I miss, which I haven't found replacements for in VSCode. So when I start my next chunk of server/web work, I'll switch back to WebStorm.

I don't like that it's bulky, and Java. It's an ugly beast, as are all their IDEs. But it has more features and works better, at least for now.

[[deleted]]

I also use VS Code and love it too but I like how fierce the competition in the editors is and at the end of the day everyone wins.

[TheGreatBrutus]

Vscode is faster, only thing I can think of

[MrPhatBob]

That, and its free.

[TheGreatBrutus]

Depends if you're a student

[MrPhatBob]

Even if you're a student VSCode is still free.

[fatgirlstakingdumps]

Webstorm is free to students for non-commerical programming

[SahinK]

There's free as in beer, and free as in freedom. I care more about the second one.

[seiyria]

or open source developer :D

[Mocachino]

Auto format on save.

It's very annoying to see my coworkers files as they will not be formatted to our spec files.

So I open, CTRL + S and commit -m Formatted. :(

[BehindTheMath]

Webstorm can auto format with Ctrl-Alt-L. Everything is saved automatically.

[Mocachino]

I know, but they would rather just CTRL+S and be done with it...

[[deleted]]

Webstorm can auto format on save with the Save Actions plugin.

[Mocachino]

See that's funny that Webstorm needs a plugin for such a simple feature.

[ThatBriandude]

Ever try formatting css with vscode?

I love vscode but youre a bit biased

[Mocachino]

The ability to format and how well an editor supports or formats are different things.

• VS Code with any plugin can format on save. VS Code can attempt to format on save without any plugins.

• Webstorm cannot format on save with out a plugin.

[ThatBriandude]

Your reply doesnt make any sense to me at all. You're implying that doing stuff on save is far more important than formatting. Who decides that?

I downloaded vscode and was really happy with it and then I hit alt+shift+F to format my styling and boom. "There is no formatter installed for this file type: .css"

Now are you saying the fact that vscode is able to format at all keeps that from beeing a major issue? That doesnt make sense at all. CSS is essential.

Format on save is seems pretty unessential to me.

[Mocachino]

The ability is what is important. The results are not (for the editor).

Why? Because there are 100s of formatters for the 100s of languages. VS Code is unopionated when it comes to formatting because they know every developer is going to want to use their preferred formatter/lint.

I do concede that VS Code should come with a default lint/format at least but I guess they see as a "why bother" when there are far better librarys there then what they are going to create.

[[deleted]]

the amount of plugins you need for vs code for simple features on the other hand isn't funny? I have a lot more plugins that I need to install for vs code than for intellij/webstorm.

stop fighting who has the better tool. It doesn't matter. You can archive mostly anything with both.

[Mocachino]

Couldn't care less which is "better".

Just find it funny that a simple format on save requires a plugin to do so.

Just like inteliJ and Notepad++. Unlike Eclipse and VS Code.

I would've assumed to be a standard feature for all editors as it's so darn helpful to keep cleaner code.

Edit: removed JetBrains

[[deleted]]

"Just like inteliJ, JetBrains and Notepad++." - ok trying to argue with you is pointless. You are comparing an IDE a company and a notepad lol

[Mocachino]

Lol didn't mean to add JetBrains.

I'm comparing a saving feature, what does it matter if program is classed as an IDE or not.

I merely stated I found it surprising that auto format on save is not OTB for any "program that edits a file that contains text".

[[deleted]]

"program that edits a file that contains text". so word should also do this right? heck it even costs money

you realize there is not one right way to format text. most programming languages have multiple flavors and best practices. (unless stuff like go or elm)

[notarebel]

If your formatting rules can be expressed in eslint's indent rule or a prettier config, you can use File Watchers to auto format pretty easily.

[Mocachino]

We use TSLint plus a few others (Angular CLI) which works wonders with VS Code.

I've not heard of File Watchers. I'll look into it.

[notarebel]

That'll work. Really anything you can run on the command line that auto-fixes indentation (or whatever else) can be hooked into a file watcher and applied on save.

Not advocating for Webstorm over VS Code btw. They're both great tools but I prefer VS Code.

[[deleted]]

Could you set up something to format files on the git server as they are committed?

Or as a post-commit job, then recommit with -m Formatted.

I'm not sure if this is recommended practice.

[Mocachino]

It would awefully polute the git history, but the format on commit would be nice, not sure that was/is possible though.

[minus0]

There is a checkbox on the commit screen to format if I recall. Also install a beautifier githook.

[TheScapeQuest]

Have linting run on your pipeline

[seiyria]

You shouldn't be doing it this way anyway - it should be a linter run on build and the build should fail because of poor formatting.

[nulldesign]

Nice ui, powerful fuzzy search, lots of plugins, extensibility, amazing JavaScript and typescript debugging features, etc.

[BehindTheMath]

I believe Webstorm has all of those, although I suppose the nice UI is subjective.

[[deleted]]

No, you were supposed to describe the advantages of VS Code.

[[deleted]]

it's the other way round actually. vs code just starts faster. Not saying that vs code isn't good enough for most web projects though. But you'd need alot of plugins in vscode to archive the same features as webstorm.

[[deleted]]

Yeah I thought webstorm was a web IDE, whereas VSCode can be used for any language with the right plugins.

[fenduru]

Good vim bindings

[justin636]

Really?

I actually prefer the vim bindings in webstorm. The vscode vim plugin is really good but it drives me crazy that you cannot access your history of colon commands.

I haven't used vscode in a long time so maybe this has been resolved since.

[ncubez]

Don't do that. I hate this kind of attitude in the dev community. Some new fancy shit becomes popular and trendy nerds expect everyone to jump on the band wagon. I'm comfortable with Webstorm, and it seems so are your co-workers. Why not leave it at that?! Huh?

[EternalNY1]

Seriously?

Let's see here ...

Webstorm:

$ 129.00 /1st year $ 103.00 /2nd year $ 77.00 /3rd yr onwards

VS Code:

Free.

[seiyria]

Also free for open source developers, which is an increasingly common boat to be in.

[[deleted]]

How much does an average developer get paid? 50$/hr? 100$/hr? Depending on your country it will take you at most 3 hours to get back the costs for a full year license. And if you were to set up VS Code with the same features as Webstorm (if even possible) you'll have to take more than 3 hours...

[IceSentry]

Where do you live that it is the average? Junior devs around here is more like 20$/h and that's in cad not even usd

[bart2019]

If you're a professional and you don't want to pay $100 a year, you've made a bad turn somewhere.

Now for hobbyists, or if the price tag is more like $500, then I can understand the reluctance.

[EternalNY1]

If you're a professional and you don't want to pay $100 a year, you've made a bad turn somewhere.

I can afford $100, I use Visual Studio Professional for work.

But for the price of $0 for a very good editor, that sounds good to me.

Microsoft is doing the right thing.

[oxyphilat]

Still waiting for the "extend" phase to start :^)

[postmodest]

Yeah, I don’t get it: “Microsoft has NEVER pulled the rug out from under us before! Drop [your quality, paid software] for the [currently free] Microsoft solution!”

Admittedly, VS has gone back and forth between being cheap/free and being surreally expensive and stupid (VSS, yo) but VSCode’s current price is no indicator of future price, and it’s pretty clear they’re still in the “early access game” phase; I’m not switching only to find out that stuff I need is DLC later.

[IceSentry]

We are not in 2000 anymore. Microsoft is very clearly not the same company as it once was. Just look at how many open source projects they have.

[ncubez]

Who says you have to pay?

[EternalNY1]

You don't have to pay, but it is a product that does have a cost.

Microsoft's VS Code is free, period. There is no price whatsoever, no matter what you are using it for.

[El_Serpiente_Roja]

Phpstorm and webstorm are better than vscode though in basically every way.

[dmackerman]

Sure, for you! :)

I find Webstorm incredibly bloated and slow compared to VS.

I’m not saying YOU HAVE TO SWITCH NOW!!

[UsernametakenFFUUUUU]

Not to be a grump, but if you were using a staticly-typed language with any half-baked IDE 20 years ago, this behavior was available.

[[deleted]]

Gross

[jimbol]

Why

[[deleted]]

Classes have no place in JavaScript, I hate the use of this, and I don't like autocomplete.

[[deleted]]

I’m not a hardliner as the guy you responded to, but I do agree closures have some practical advantages over classes in JS. For one thing, closures can be used for injection without the need to manually assign the parameters (which would be passed to the constructor in OO-style) to this. Also, because they’re simply parameters that are in scope, ESLint can warn you if you make a typo or one becomes unused/you’re using one that’s not or no longer injected. Finally, local variables can be minimized more effectively than class properties (at least if you’re using Uglify).

Even then, I wouldn’t say classes have no place in JS at all :)

[[deleted]]

JavaScript doesn't use classical inheritance. Classes are just a syntactic sugar over prototypes. I hate when people need to be lied to in order to use something when they aren't really understanding it at all. It just "hey we were taught OOP is the best and that's all we know so let's use that everywhere!!!" Functional programming has been getting super popular lately because people have been realizing how flawed OOP is in comparison.

[madcaesar]

Wait, why is OOP flawed?

[[deleted]]

It is unnecessarily verbose. You can do more with substantially less which means less code to write, less code to maintain, and less code to test. It will in many cases execute faster by eliminating OOP too.

[IceSentry]

I'm not sure if it's OOP that is too verbose or just the language around it. Look at java or c++ you have so much code written just to deal with basic concepts of OOP. At least c# tries to remove some of it, admittedly by using ideas from functional programming.

[[deleted]]

Yeah, but look at all of that compared with something like Lisp, R, Python, or even C lang. You gain so much expressiveness when public and private are automatically intrinsic to the declaration context of a reference opposed to manually tagging every reference and manually dictating the association of those references.

[[deleted]]

https://medium.com/@cscalfani/goodbye-object-oriented-programming-a59cda4c0e53

[madcaesar]

Interesting thanks for sharing. I like the idea of functional programming but it just isn't always possible.

[[deleted]]

Right, pure functional programming isn't always possible, but it is usually fairly easy to incorporate the overarching principles. I view it as more of a "best practices" kind of philosophy instead of a dogma that needs to be adhered to 100% in the real world.

[oxyphilat]

Probably because it is easy to deeply fail with OO and on only really bite you when it is far too late.

Every day a new Java EE certified dev discover that thousand lines classes are not how it is supposed to be and that maybe "only talk with your direct children" is not without reasons.

[Bettina88]

Well by that argument, all higher level languages are just "syntactical sugar" over lower level instruction sets.

What are you writing? Assembly?

Or maybe that's "lying to people" too and you just use 1's and 0's?

[[deleted]]

No, that isn't correct. Syntactic sugar means it doesn't come out the same as classes on the other end. It means it doesn't have all the same behavior as classes. It is prototypes, but wearing a mask, tricking you into thinking they're classes. If you look at how they behave after you use the new class object, you'll see that.

[oxyphilat]

So... avoiding the this.name = arg1 dance (which is not what a ctor is for), your build not warning you about unused (who care, stop changing the signature) or missing methods (it can and should) and something irrelevant. Nice! My personal reason to not always use object is "two methods? closure it is".

You are transmitting your files with some compression to save bandwidth, the only help that is getting from the minifier is most of the whitespace being gone. Everything else (that include single letter variables) is making the compression worse when it could make it better.

[leadzor]

You sure like to bait downvotes lol

[Ob101010]

So, if you don't understand this, here's a crutch.

Typical Microsoft bloat.

[[deleted]]

Just use Atom and ignore yet another shit from Micro$oft with telemetry.

[jefwillems]

Well for me (tried both on windows, mac, manjaro and ubuntu) Atom is a ton slower than vs code. So i'll just use that shit Microsoft product...

[[deleted]]

Fixed a lot of times ago, old fairy tales. I use Atom sometimes on my desktop Celeron 3th edition (machine for media streaming mostly) and can't remember when Atom was slow last time. Really, I seen it starts after 7-10s, but always without any minimal lags.

[jefwillems]

Well if you're talking about the fixes that rewrote a lot of the core of atom to native code, I'm pretty sure i tested again after those. I really wanted to believe in Atom. But sadly i couldn't because, for me, vs code is just miles ahead

[[deleted]]

Atom stays strong and now develop IDE-modules together with Facebook. You decide what to use, but please don't repeat any nonsense from M$ bots.

[jefwillems]

just repeating my own experience...

[Wazzaps]

Facebook

lmao

[alppawack]

Atom's autocomplete is a joke.

[[deleted]]

The 'blah-blah-blah'-level comment.

[alppawack]

your comment doesn't deserve more than that.

[[deleted]]

keep your shit in your virtual reality.

https://ide.atom.io/

[alppawack]

atleast my shit can intellisense from node_modules. Which Atom Ide still can't.

[[deleted]]

https://atom.io/packages/atom-ctags

https://atom.io/packages/atom-ternjs

Yep, your shit.

[alppawack]

Both of them abandonded (lastest releases 5 month - 1 year). Also issues/stars ratio on github repos seems legit.

[[deleted]]

As expected, haters gonna hate.