Skip to content
loading...
Discussion
markdown guide
 

I see most people here gravitate towards VSCode, but I've always felt like WebStorm is simply superior. Its refactoring capabilities, seamless integration with everything (eslint, Jest, mocha, prettier) no extensions needed, code suggestions (similar to eslint, but offers a lot more), and the general "custom made for web" feeling.
The obvious down side of WebStorm is that it's not free (EAPs are, but unstable). If you care about open source, and/or can't afford the license, VSCode is a valid alternative.
Both IDEs support JS and TS perfectly (don't know why people say WebStorm lacks in this area), so for me it's about the reasons I've listed above.

 

I used to use Webstorm which was great, but from a certain point it was so slow and took some time to start then I switched to VS Code.
I think VS Code is more customizable than Webstorm.
By the way, i'm using vs code with ts and js.

 

I'm using VS Code for developing a C# .NET Core and React with TypeScript stack.

It works seamlessly and I don't have to switch editors. Recommended. 🔥🍻

 

Hey awesome, can you share more of how you handle .NET Core development without VS?

 

What kinds of details are you looking for...a list of useful extensions?

Extensions, how do you handle docker with it too.

Here are the extensions that I use for .NET Core and Azure, with Docker, all you need is the one that comes from MS

.NET Core

  • C#
  • C# Extensions
  • Essential ASP .NET Core Snippets
  • MSBuild project tools
  • NuGet Package Manager
  • vscode-solution-explorer

Docker

  • Docker

Azure

  • Azure Account
  • Azure API Management
  • Azure App Service
  • Azure CLI Tools
  • Azure Cosmos DB
  • Azure Storage
  • Azure Tools
  • Azure Functions
  • Azure Iot Hub Toolkit
  • Azure Resource Manager Tools
 

In my opinion, if you are going to use TypeScript, the better choice would be VS Code, because the support for it is the best out there. If you are going to use it for JavaScript, you will have to do some manual configuration to make the best out of it (configuring jsconfig.json/tsconfig.json). It will even do some TypeScript checking for you (for example, if the right amount of arguments is passed to a function). WebStorm also has excellent support for JavaScript out of the box, maybe even better than VS Code, but it lacks the features that I mentioned in the previous sentence.

I personally use VS Code for JavaScript and it serves me pretty good, but when you have strict linting rules set (by ESLint in my case), VS Code can sometimes be a little frustrating. For example, automatic import suggestions can take a long time to load and when you import it, it doesn't know where to put it if you have rules set for import ordering. That may be a problem of ESLint plugin integration with VS Code, but it can be frustrating none the less. Also, in very big projects, VS Code can be extremely slow, and when the TS Language Server does finally index the project, it can stop working at random times (and it happens often).

All that in mind, I won't be abandoning VS Code yet, I still love it for it's simplicity and speed, it is still much faster than WebStorm for my uses.

 

Lol, that's simply not true. What you mentioned is working in WebStorm and actually it has much better TS support than VSCode not to mention the refactoring capabilities.

 

Currently i dont work with TS, but i still use vscode more often i fell a little more productive but im always with the feeling that i might be missing something.

 

I feel like any IDE is tough when coding environments are so different from case to case these days, vs perhaps the more genuinely integrated platforms of old. So VS Code just seems like the safeer bet than stuff Jetbrains is doing.

I'm very supportive of independent tooling companies vs the giant that is Microsoft, so I'm rooting for Jetbrains to keep being a viable solution, I just haven't found myself willing to take that plunge.

Anyone feel the same way?

 

I took it. VS 2015+ started a trend of increasing memory usage and delayed responsiveness with every successive version of Visual Studio. Ryder is a lot faster and offers everything Resharper Offers, plus a higher-quality environment for web development than Visual Studio. In general, the plugins community around JetBrains products tends to be higher quality, but there are definitely quite a few duds.

I really like DataGrip for working with database engines, and have been meaning to try MPS for language design. RubyMine is pretty nice but sometimes I don't think I am getting anything that VS Code + the right gems/extensions would afford me.

 

Just my opinion / observation. WebStorm is way more advanced and reliable than VS Code ever can be and if you are willing to pay money for a web oriented IDE go for WebStorm.

The reason is that VS Code is just a better text editor and basic features like automatic import or path resolution fro javascript (not typescript) are not included and have to be post installed with plugins written from the community. That results in a lot of bad or very bad plugins slowing down the VS code IDE. Just for ES6 imports you can find at least 4 Plugins forked from the same project but instead of making pull requests to contribute back they publish their version. BTW none of them can handle paths absolute from source path!!!
I like the design and some concepts of VS Code but it seem to me it's not designed to code anything not from Microsoft. Typescript => Yeah, great support. JavaScript => Basics.

WebStorm on the other hand is not cheap compared to free. Still it works very reliable, has a gread and fast full text search and supports everything from Flow, ES6,7,8,....10010, NodeJs etc. Frameworks like React and Vue are supported out of the box. For others again the famous community plugins drop in.

I hope my opinion helps with tour decision :)

Best
FragSalat

 
 

I used VSCode for a long time and recently decided to give a try to WebStorm 2019.2.3 (latest version). To be honest, i was disappointed with WebStorm, even if VSCode wasn't free, like WebStorm, i would choose to pay for VSCode over the WS. WS, in my opinion, doesn't worth $50/y for what they offer to developers, VSCode is written itself in TS and has way better TS support than WS.

WebStorm CONS:

  1. It cannot work with SCSS aliases, when you do some imports, like @import '@/assets/blabla/file.scss' out of the box, i still couldn't figure on how to do that, despite an ugly hack with fake webpack.config.js file and point WS to this file;
  2. It cannot work properly with a class styled components in a Vue file, for example, you have a method in the code, and you call this method from template section, you'll get an error about unused method, lol.
  3. I've read, that many people claim, that WS has superior TS intellisense, it's not true.
  4. I've spent like a hour, to figure out on how to set correct indentation inside a .vue file for HTML / SCRIPT / STYLES section.
  5. Built-in Vue support is ugly, VETUR is much better.
  6. Slow startup time? (Not so slow, but in fact slower than VSC)

Generally speaking, i find WS UI is for people, who likes to click on everything, instead of using hotkeys + command palette to type command. Also seems like they have only a few people working on WS, because of slow releases, slow responses from support, has many issues that isn't resolved after a few years.

Only thing i liked in WS is built-in terminal, UI is better than in VSC.

 

I'm a big fan of VS Code, but if you're doing .NET, too, Rider is awesome and has all the functionality of Webstorm built in. It's like VS Enterprise + Resharper + Webstorm all in one, plus it's way faster than VS.

 

I believe if you use Visual Studio for C#, it will be easier and faster for you to explore VSCode for JS. Both are Microsoft products, so VSCode has a lot of tricks taken from VS editor.

 

I see, i actually feel more productive using code, thanks for the tip.

 

As far as JS development goes, VS code is free and Webstorm is not. Webstorm only has one feature I wish was default in VS code (though this isn’t enough of a reason not to use what the rest of my team does): unused methods/functions get grayed out. This has saved my butt many times when debugging. To accomplish this in VS code, you have to set up a linter, but even with ESLint setup, this feature does not exist for React development. FWIW I’ve heard nothing but praise for Visual Studio when it comes to working with C#.

 
 

Have a look at Rider from JetBrains – it is targeted at .NET devs and can replace Visual Studio and at the same time it has all WebStorm features related to JavaScript and TypeScript support.

 
 

I enjoy VS Code so much that I'm starting to use it for blogging in markdown and writing screenplays using a Fountain extension.

I'd highly recommend giving VS Code a try.

 
 

Visual Studio Code have a first class support for C# and JS superset (TypeScript)

 

Vs code for sure. I feel like the only reason sticking with Visual studio is resharper for C#.

 
Classic DEV Post from Jul 30 '19

PublishTo.Dev: Scheduling article publishing on dev.to

Ynoa Pedro profile image
Padawan developer, who loves cats, beer, skateboard and code.🐼