Tuesday, July 7, 2015

How to enable JetBrains WebStorm Web Development Features in IntelliJ Idea


JetBrains offer a rich variety of Integrated Development Environment targeted towards several different development languages and platforms, such as PHP, Python, .NET, iOS / OS X, and more.

Their WebStorm IDE is one of the most popular, feature-rich commercial Web IDEs on the market, supporting HTML, CSS, Client-Side JavaScript, node.js, and much more.

On the other hand, JetBrains IntelliJ Idea is one of the most popular, feature-rich commercial Java IDEs on the market, supporting Scala and Groovy as well. It is the base, for instance, of Android Studio - The official Android Development Platform.

Most (if not all) of JetBrain's IDEs are based on the same core, featured by different sets of installed plugins. This makes it easy to put all the WebStorm functionality into IntelliJ IDEA by just installing the appropriate plugins. To do so, just open IDEAs preferences and select the plugins pane:


Click Install JetBrains plugin and type the plugin name to find it. If a specific plugin is not available in the JetBrains repository, use the Browse repositories button to find it.

Based on a full IntelliJ IDEA Ultimate 14 installation you just need to load these few plugins:


  • AngularJS
  • Cucumber.js
  • Dart
  • EJS
  • File Watchers
  • Handlebars/Mustache
  • Jade
  • JSTestDriver Plugin
  • Karma
  • Meteor
  • PhoneGap/Cordova Plugin
  • Polymer & Web Components
  • TextMate bundles support

Just in case you missed something, here's the complete list of all plugins installed in WebStorm:

All Plugins enabled in JetBrains WebStorm

9 comments:

  1. Nice blog,gives lots of valuable info which i have been looking for and glad to read.Thanks for sharing. html coder

    ReplyDelete
  2. I hope lots of people visit this site so they can easily learn this informative post. web design westchester ny

    ReplyDelete
  3. Thanks for this short guide. I think JetBrains creates very good IDEs and it could cover needs of everyone. My colleagues from web development company http://www.nixsolutions.com/services/web-development-services/ always using it in their projects.

    ReplyDelete
  4. You really make your point by posting this article, and thank you for that. web designer san jose

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Think Amazon.com, the website that started as the biggest online bookstore at the nascent stage of internet is now synonymous with e-commerce.
    Santa Cruz Web Design, Inc

    ReplyDelete
  7. thank you for such useful information. All the web viewers will obtain advantage from it I am sure.

    ReplyDelete
  8. Hi there, simply become alert to your weblog through Google, and located that it's really informative. I'll be grateful if you proceed this in future.

    ReplyDelete
  9. To position your online business at a higher rank, you need to put informative, relevant and accurate information on your website.
    web design lessons

    ReplyDelete