PhpStorm 2016.2 Help

JavaScript-Specific Guidelines

PhpStorm enables creating rich Internet applications and Web applications by providing elaborate support of JavaScript and tight integration with AJAX and other adjacent frameworks and technologies.

In this section:

Prerequisites

Before you start working with JavaScript, make sure that the JavaScript Support plugin is enabled. The plugin is bundled with PhpStorm and is activated by default. If it is not, enable the plugin as described in Enabling and Disabling Plugins.

JavaScript support

JavaScript files are marked with viewAsJSON icon.

JavaScript support in PhpStorm includes:

To develop an application that contains JavaScript

Developing an application that contains JavaScript, generally, includes performing the following steps:

  1. Make sure the JavaScript Support plugin is enabled. The plugin is bundled with PhpStorm and activated by default. If it is not, enable the plugin. Make sure the JavaScript Support plugin is enabled. The plugin is bundled with PhpStorm and activated by default. If it is not, enable the plugin. Make sure the JavaScript Support plugin is enabled. The plugin is bundled with PhpStorm and activated by default. If the plugin is not activated, enable it on the Plugins page of the Settings / Preferences Dialog as described in Enabling and Disabling Plugins.
  2. Create a project to implement your application.
  3. On the JavaScript page of the Settings dialog box, choose the JavaScript language version that suits the targeted browser.
  4. Download, install, and configure JavaScript frameworks and libraries.
  5. Populate the project. Use the following PhpStorm facilities, where applicable:
  6. Improve the quality and maintainability of your code using various types of refactoring, both common and JavaScript-specific.
  7. Run your application by opening its starting HTML page in the PhpStorm default browser.
  8. Debug your application.

    The JavaScript debugging functionality is incorporated in PhpStorm, so just configure the debugger, whereupon you can start the debugging session and proceed as usual: set the breakpoints, step through them, stop and resume the program, and examine it when suspended.

    Debugging for JavaScript applications is supported only in the Firefox and Google Chrome browsers.

Also in this part:

See Also

Language and Framework-Specific Guidelines:

Last modified: 24 November 2016