It’s February already and we can’t wait any longer for the Early Access Program for WebStorm 10 to start!
Go ahead and download the first WebStorm 10 EAP build (140.2167) right now! EAP builds do not require an active license.
New features will be announced as the Early Access Program goes on. We look forward to your feedback and bug reports in our issue tracker.
We’ll post performance benchmarks later. Please let us know if you get any unresolved or red code.
HTML editing improvements
Synchronous HTML tag editing
As you edit an opening tag in HTML, the corresponding closing tag is edited automatically. To enable this feature, go to Preferences | Editor | General | Smart keys – Simultaneous <tag></tag> editing.
Emmet edit points
The newly added actions are Navigate to the next Emmet edit point (Ctrl-Alt-Right Arrow on Mac, or Alt+Shift+[ on Windows/Linux) and Navigate to the previous Emmet edit point (Ctrl-Alt-Left Arrow, or Alt+Shift+] on Windows/Linux). Use them to jump between points in your HTML code such as tags and empty attributes, to add values.
spy-js: advanced search and source map support
Source map support
The support has to be enabled from Events toolbar setting, by selecting Enable source maps support.
Stay tuned for a more detailed blog post on the new spy-js features.
Advanced trace search
With advanced trace search and navigation, you can efficiently move through the whole trace. 6 actions are possible: move to the next/previous call in the next/current/previous function in the file. The full list of actions is available from the stack node context menu; some actions are also available from the navigation toolbar above the stack pane.
The first two actions on the toolbar let you navigate between calls of the selected function within the whole trace (across all events).
This works great for navigating through the promises and chained callbacks.
Debugging in Firefox
To debug in Firefox v33 and above using WebStorm built-in debugger, you should first enable Remote debugging in Firefox settings (Tools | Web developer | Toggle tools, click the Gear icon and check Enable remote debugging). Then again go to Tools | Web developer and select Developer toolbar to open the Firefox command line. Run the following command:
where 6000 is the port number you’d like to use.
In WebStorm, create a new Run/debug configuration of Firefox remote type. Enter the port name that Firefox is listening on. Open your app in the browser, put breakpoints in the code and start a debug session in WebStorm.
New project wizard
We’ve redesigned the New Project wizard to make it slicker and easier to use.
Introducing a brand new distraction-free mode: no toolbars, no tool windows, no editor tabs, just code in the center of your screen. To switch to this mode, click View | Enter Distraction Free Mode.
Please note that EAP builds do NOT require an active license and can be used for up to 30 days. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates.
This post is part of a series of posts covering features in WebStorm 10 EAP:
Develop with pleasure!
– JetBrains WebStorm Team