WebStorm 2018.2 Help

Meet WebStorm

Welcome to WebStorm help!

WebStorm is a powerful IDE for modern JavaScript development perfectly equipped for complex client-side development and server-side development with Node.js.

WebStorm features advanced support for JavaScript, HTML, CSS, and their modern alternatives, as well as for frameworks such as Angular or React. WebStorm also integrates with various web development tools and version control systems.

  • Intelligent Editor with coding assistance for JavaScript, Node.js, ECMAScript 6, TypeScript, CoffeeScript, and Dart as well as for HTML, CSS, Less, Sass and Stylus. Coding assistance includes syntax highlighting, documentation lookup, and refactorings.

  • On-the-fly code analysis, error highlighting, and quick fixes.

  • Powerful navigation across the project and advanced refactorings.

  • Support for modern frameworks: React, Angular, AngularJS, Vue.js, Express, and more.

  • Built-in debugger for client-side code and Node.js.

  • Integration with build tools (Grunt, Gulp), code quality tools (JSHint, JSLint, ESLint, TSLint), test runners (Karma, Mocha, Jest, Protractor), and VCS (Git, GitHub, Mercurial, SVN).

Your first steps

  • If you are completely new to WebStorm, read Getting Started with WebStorm. The links in this section will lead you to more detailed instructions.

  • If you want to learn about the WebStorm UI, take a guided tour. The Tool Windows and WebStorm Editor parts will tell you everything you need to know to get a grip of these UI elements.

  • In the Languages and Frameworks part, learn how WebStorm helps you create new framework-specific applications or continue with developing already existing ones. Find out what language- and technology-aware coding assistance you can get from WebStorm, and how you can use various auxiliary tools, such as package managers, build tools, or linters without leaving the IDE. The guidelines on this pages are illustrated with numerous language-specific examples, see Refactoring JavaScript, Refactoring TypeScript, React, and others.

  • If you click Help button in a dialog, you will see the reference page that gives descriptions of controls and fields of each dialog.

  • Finally, the part Getting Help tells about using help topics, applying to support service, reporting issues and sharing your feedback.

Last modified: 19 November 2018

See Also