DOM- and Schema-Based Code Completion

Based on its deep knowledge of HTML/XHTML and XML code, WebStorm is capable of completing:

• styles
• file references

• tag names
• closing tags
• attributes

In CSS, code completion works for:

• classes
• HTML IDs

• keywords
• values
• properties

Try Ctrl+Space in any place of your code and you'll be rewarded.

Zen Coding

WebStorm allows you to use the power and speed of Zen coding. All abbreviations are available for creating new content and for wrapping an existing structure. Type div.feature>h4+p, press TAB and you'll get

<div class="feature">
    <h4></h4>
    <p></p>
</div>

Batch Code Analysis

No need to click through all the files or deploy to a server to spot errors and warnings. Start Code Analysis for the whole source tree, select Inspections to run, and see all results in a single view.

Language Mixing/Injection

Support for any "outer" and "inner" language in your PHP code — enjoy full coding assistance for CSS, JavaScript, SQL, etc. outside of php code blocks and inside php string literals.

Spellchecker

Integrated spellchecker verifies texts in tags, code strings, comments to avoid misspellings and typos on your web pages.

To ensure a better code readability even variable names, CSS classes and IDs are spell-checked. To configure spellchecker specify the options for 'Spelling' inspection in Inspections settings.

FTP and Remote Files Syncronization

Open files from a remote host, FTP, or a mounted network drive using simple configuration and an intuitive user interface.

Edit project files locally and deploy back to remote server using automatic synchronization on file save or on demand.

Version Control Systems Integration

WebStorm supports most popular Version Control Systems:

• Subversion
• Perforce
• Git
• CVS

All the tedious tasks (adding, removing, deleting files) are performed automatically. A built-in visual merge tool resolves all conflicts in a quick and intuitive manner. The changes made locally are highlighted as you type in the editor gutter, providing intuitive navigation and a 2-click rollback for individual changes.

Following features are available no matter what VCS you use:

• Integrated changelists — group your changes into multiple change lists for better ogranisation
• Shelved changes — set aside some changes to restore them later on
• Repository Changes view — see what has been committed by other team members
• Incoming Changes view — see the code changes not yet integrated into your local copy.
• Outdated Changes Notification — get warned that a file you are working with has been changed after your last sync.

Local History

WebStorm tracks any changes made to your source files, protecting you from any accidental losses or modifications, even if made by other applications. At any time you can inspect the history of either a particular file or directory and rollback to any of its previous versions. You can also set version labels.