DEV Community

Improve your Javascript code in PhpStorm

Davor Tvorić on April 20, 2020

Lately, I've been looking for a simple way to check the complexity of my Javascript code. In my opinion, it should prevent you from doing crazy stu...
Collapse
 
griffinfoster profile image
Griffin Foster

As you evidently figured out by the contents of this post, JetBrains offers multiple great IDE's to handle some of the many developing languages, each with a language or set of languages that it focuses on. I just wanted post this in case anyone finds this article to be useful and happens to be developing a JavaScript-based application. I have used many of their products including IntelliJ, PyCharm, PHPStorm, CLion, and WebStorm, and would like to recommend that you check out WebStorm if you have not done so already. It is yet another great IDE that offers a multitude of useful tools and features to help improve all aspects of your project's code.

Happy coding, and hope everyone is staying safe and entertained during quarantine!

Collapse
 
djpavlovic profile image
djpavlovic

Webstorm gives you better JS functionality.

Collapse
 
shockwavee profile image
Davor Tvorić

It does, you're right! I use it privately, but PhpStorm is something we all use at work, so I thought this would be a nice solution for someone in the same situation.

Collapse
 
renatoruk profile image
Renato Ruk • Edited

Could you please share in what ways is the WebStorm better? I thought PhpStorm is WebStorm + PHP related stuff. I would gladly use only WebStorm if it has better JS support. :D

Collapse
 
djpavlovic profile image
djpavlovic

Personally if i am developing PHP applications i am using PhpStorm, and if i am developing JS app's i am using WebStorm. One of the examples would be better debuging JS frameworks, for example meteor.js etc ...

PhpStorm is designed to cover all needs of PHP developer including full JavaScript, CSS and HTML support. WebStorm is for hardcore JavaScript developers. It includes features PHP developer normally doesn’t need like Node.JS or JSUnit. However corresponding plugins can be installed into PhpStorm for free.

Thread Thread
 
renatoruk profile image
Renato Ruk

Awesome, thanks for the explanation! I will definitely check out WebStorm.
I am really curious about the default setup — probably I'm missing out on some really great plugins that don't come by default in PhpStorm. 🚀 Nevertheless, they are both very powerful tools. I just love using JetBrains' stuff.

Thread Thread
 
djpavlovic profile image
djpavlovic • Edited

Your welcome. I attached the thing that is different in a way of debuging code. You'll clearly see differences. Yes they are really powerful tools, but yet again you get really spoiled by it, gets you lazy in some ways of handling for example git, leaving IDE to do all the work for you. After all i think it is just habit in a way what IDE you will use.
dev-to-uploads.s3.amazonaws.com/i/...

Thread Thread
 
renatoruk profile image
Renato Ruk

Debugging is definitely worth checking by itself!

And I agree about the spoiling. I believe it's not the best tool for people just getting familiar with all the tools and concepts. It's a shortcut that should be used with caution and with deeper understanding. But I honestly love the way the Storms handle git. I really rarely need to use the terminal. It is a huge productivity boost for a lot of the stuff

Thread Thread
 
djpavlovic profile image
djpavlovic

Totally agree with everything you said :)

Collapse
 
csorbamatyi profile image
Matyi Csorba

It's a really good tool in Phpstorm/Webstorm, but I love to use Eslint with airbnb coding standard settings, Oh and don't forget lint with precommit hooks. It will prevent you to push any "bad" code to the codebase.

Collapse
 
shockwavee profile image
Davor Tvorić

I agree, it definitely makes more sense to use a linter and a prettier not to worry about those things. I envisioned this as more of a simpler initial step.