WebStorm, the most intelligent development script IDE for Web development artifacts

What are my selection criteria for Javascript IDE?

◆ Quick and Intelligent Code prompts (full project) and completion

◆ Support refactoring

◆ Supports customization of code formatting details

◆ Good editing experience (such as quick locating of recent edits and quick viewing of code structures and definitions)

◆ Lightweight and fast

◆ Easy debugging

What is WebStorm?

WebStorm is a JetBrains IDE designed specifically for Web developers. JetBrains should be familiar to everyone. Resharper and IntelliJ IDEA are all from this company.

JetBrains defines WebStorm as The smartest Javascript IDE. Dare to say so, there must be two brushes. Note that this IDE is not free, but everyone knows how to do it ~~

What functions does WebStorm provide?

Below I will give a rough list of WebStorm functions (here I will only talk about the Javascript editing function. Other html and css functions can be found by myself. Remember that WebStorm supports Zencoding, handsome ~) :

1. Intelligent Code Completion:

Supports prompts from different browsers and all user-defined functions (in Projects)

Code Completion includes all popular libraries, such as JQuery, YUI, Dojo, Prototype, Mootools and Bindows.

2. Code formatting:

The code can be formatted, and all rules can be defined by yourself:

3. html prompt in code writing:

Html code is often written in js Code, which is very painful in general, but it is much better with smart prompts.

In addition, js prompts can be found in html.

4. Code navigation and usage query:

You can directly jump to the definition by pressing the Ctrl key and clicking the function or variable:

You can search for functions or variables throughout the project, and search and use and highlight them:

5. Code refactoring (this operation is somewhat like Resharper. Users familiar with Resharper should get started quickly ):

Supports renaming, extracting variables/functions, inline variables/functions, moving/copying, and secure deletion, for example:

After the inline variable is restructured, it becomes:

6. Code check and quick fix:

You can quickly find errors in the code or where optimization is required, and provide suggestions for modifications to quickly fix them.

7. Code debugging:

8. code structure browsing:

Allows you to quickly browse and locate

9. Code folding:

10. Package or remove the peripheral code:

After removal, it becomes:

How about these functions? There are many debugging and refactoring functions, which need to be explored by yourself.

How to obtain WebStorm?

The latest version of WebStorm is 2.1.5. the official version is: Download it with idea. This is a 30-day trial version, but you know how to do it (try me)

It is estimated that 3.0 will come soon before the end of the year.

What other functions are available?

WebStorm also has many features to be mined, such as supporting all mainstream version control, such as svn, git, and cvs. It supports FTP projects and automatic synchronization, and supports HTML5 and Zencoding.

Original article: http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.html