Introduction

WebStorm is an IntelliJ Platform-based product. Plugin projects for WebStorm can be developed using IntelliJ IDEA with the gradle-intellij-plugin.

Qualifying Open Source projects can apply for free licenses of JetBrains products.

Configuring Plugin Projects Targeting WebStorm

Debug doesn't open Edge Chromium. Whenever I run a Javascript debug configuration, Webstorm doesn't open my default system browser which is Edge (Chromium). Instead, Chrome opens. (1) Setting up the option of 'System default' (Tools Web Browsers Default Browser) (2) Setting up the default browser using a custom path to Edge executable.

The configuration of WebStorm plugin projects follows the methods described in Configuring Plugin Projects using the IntelliJ IDEA Product Attribute and Configuring the plugin.xml File for PhpStorm.

• JetBrains, initially called IntelliJ Software, was founded in 2000 in Prague by three Russian software developers: Sergey Dmitriev, Valentin Kipyatkov and Eugene Belyaev. The company's first product was IntelliJ Renamer, a tool for code refactoring in Java.
• The official chanel for the most intelligent Java IDE. Subscribe to receive demos, tutorials and new features highlightings.See http://youtube.com/JetBrainsT.

The table below summarizes the gradle-intellij-plugin attributes to set in the plugin project's build.gradle file. Click on an entry in the table's Attribute column to go to the documentation about that attribute. To see how these attributes appear in a similar build.gradle file for PhpStorm, see Configuring build.gradle using the IntelliJ IDEA Product Attribute.

gradle-intellij-plugin Attribute	Attribute Value
intellij.type	IU for IntelliJ IDEA Ultimate. (IC is incompatible with the required JavaScriptLanguage plugin.
intellij.version	192.7142.36 Set to the same BRANCH.BUILD as the WebStorm target version.
intellij.plugins	Dependency on the JavaScriptLanguage plugin.
runIde.ideDirectory	Path to locally installed target version of WebStorm. For example, for macOS: /Users/<user name>/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/192.7142.35/WebStorm.app/Contents.

The dependency on the WebStorm APIs must be declared in the plugin.xml file. As described in Modules Specific to Functionality table, the <depends> tags must declare JavaScriptLanguage. Note that for WebStorm, the plugin.xml file must also declare a dependency on com.intellij.modules.platform because JavaScriptLanguage is not recognized as a module. Consequently, without the com.intellij.modules.platform declaration the plugin is assumed to be a legacy plugin and will not load in WebStorm.

Available WebStorm APIs

Use the Exploring APIs as a Consumer process to identify the libraries JavaScriptLanguage.jar, and javascript-openapi.jar. Test your plugin with any version of WebStorm you wish to support.

Javascript Testframework

To use existing test base classes, specify com.jetbrains.intellij.javascript:javascript-test-framework:$VERSION$ as testImplementation dependency explicitly (see IntelliJ Platform Artifacts Repositories) (2020.3 and later).

Open Source Plugins for WebStorm

When learning new plugin development it is helpful to have some representative projects for reference:

Features

Don't Compromise
on the Development Experience

The smartest editor

Use the full power of the modern JavaScript ecosystem – WebStorm’s got you covered! Enjoy the intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks.

Mobile

• Ionic
• Cordova
• React Native

Webstorm Intellij Ultimate

• Electron

Debugger

Debug your client-side and Node.js apps with ease in the IDE – put breakpoints right in the source code, explore the call stack and variables, set watches, and use the interactive console.

Debugger

Debug your client-side and Node.js apps with ease in the IDE – put breakpoints right in the source code, explore the call stack and variables, set watches, and use the interactive console.

Download Webstorm For Windows

Seamless tool integration

Take advantage of the linters, build tools, test runners, REST client, and other tools, all deeply integrated with the IDE. But any time you need Terminal, it's also available as an IDE tool window.

Unit testing

Run and debug tests with Karma, Mocha, Protractor, and Jest in WebStorm. Immediately see test statuses right in the editor, or in a handy treeview from which you can quickly jump to the test.

Integration with VCS

Use a simple unified UI to work with Git, GitHub, Mercurial, and other VCS. Commit files, review changes, and resolve conflicts with a visual diff/merge tool right in the IDE.

What’s New in WebStorm 2021.1

Smarter completion for JavaScript

ML-assisted completion for JavaScript and TypeScript is now enabled by default. Additionally, suggestions for symbol names have become a bit smarter.

Improvements for HTML and CSS

A built-in HTML preview, better support for Stylelint, and details about selector specificity in CSS will help you work more productively.

Usability enhancements

This version is packed with new settings for choosing editor font weight, the ability to maximize tabs in the split view, and fixes for a lot of known issues.

Why WebStorm

Get up and running quickly

Start working on your projects immediately instead of wasting time juggling multiple plugins. With a variety of built-in developer tools and out-of-the-box language and framework support, there’s everything needed for productive JavaScript development.

Increase your productivity

Don’t spend your time going back and forth between the terminal and text editor or on things that can be automated with the help of refactorings and quick fixes; it’s what the IDE is best at. It puts the most critical developer tools like the debugger and Git at your fingertips.

Write better code with less effort

Write cleaner and more reliable code as the IDE runs dozens of inspections as you type and promptly detects potential errors and redundancies. Save time exploring the code base with autocompletion that suggests which variables and methods are most relevant in the current context.

Swiftly find what you need

Get around your code faster regardless of how large your projects are. Jump to the definition for any class, function, method, variable, or component and find its usages in just a few clicks. Easily navigate through the file you have opened with an at-a-glance view of its structure.

Tailor the look and feel to your liking

Don’t feel like using the defaults? Adjust the appearance and behavior of the IDE by playing around with themes, code styles, plugins, and more, so that it fits your unique needs better. You can also automatically share your custom settings between different instances of WebStorm.

Join our customers

Teams all over the world use WebStorm. Join them and get the best development experience

Webstorm Download

What our customers say