Sass and SCSS extend CSS with variables, mixins, selector inheritance and other nice features that make CSS much friendlier for modern development. The Compass framework is built on Sass, adds a variety of great reusable patterns, and in general makes development with Sass and SCSS much better.
Follow these steps to set up Compass for your project in WebStorm.
In our previous webinar, WebStorm Tricks and Tips, John talked about the basic productivity features that WebStorm offers. We would like to continue the series and now focus on the built-in tools that surround the edges of the IDE (i.e., “Tool Windows”).
In this webinar, John will cover all the built-in tools included with WebStorm: Debugger, Todo, Bookmarks, Favorites, Structure, and Terminal. He will show how each of the tools fit into your daily development workflow and how they integrate with managing and working with your codebase.
John Lindquist is a Technology Evangelist at JetBrains. John has spent the majority of his career developing Rich Web Applications. Before joining JetBrains, he was a Technical Architect at Roundarch leading large teams in building the latest and greatest in web apps for the Air Force, HBO, and Bloomberg.
John focuses much of his free time on delivering high-quality video tutorials and offering them up for free on his youtube channel. He recently has launched his own video tutorial training site at http://egghead.io currently focusing on AngularJS.
With the second bug-fix update for WebStorm already available, it’s time for us to make plans for the next major version. We’re sure it’s going to be really great!
Please note the developed roadmap is not a finalized list of features that you’ll see in WebStorm 8. It’s pretty flexible and may be subject to changes. By announcing it now we would like to start the discussion and get some early feedback.
WebStorm 8 is planned for release in early 2014 (February or March). The full version of WebStorm 8 development roadmap here.
The primary focus of our upcoming release is going to be on the tools and workflows. Here is what we have in mind and have included in the roadmap:
Another big thing we’re planning is advanced built-in support for AngularJS. Please share with us your experience using the existing plugin: What do you like or don’t like? What are you missing? We do want to know.
Hopefully by January we’ll be ready to show you a preview of WebStorm 8 with our Early Access Program. Follow the updates in our Twitter @WebStormIDE and here in the blog.
We’ll be very happy to hear your comments and suggestions here or on our issue tracker where you can vote for issues or submit new feature requests.
Today you can update WebStorm to its latest version 7.0.2. There are three good reasons for that.
First, we significantly improved support for Dart language and added new features that are available in the recent Google Dart SDK update.
Start debugging Dart code in Dartium is much easier now: WebStorm detects Dart projects and start Debug session in Dartium by default.
Upgrade dependencies and pub build commands are now available right in the context menu for pubspec.yaml file.
Update: read Getting started with Dart tutorial here.
Second, we added Mocha test framework integration. Install Mocha with npm, create new Mocha Run/Debug Configuration, specify the test directory and run your tests in one click. Watch a screencast by John Lindquist on using Mocha in your project.
And finally, we made dozens of fixes and minor improvements. For example, now you can enjoy code completion for Flexbox CSS properties.
You can install update from the IDE or download the installation file from the product web site. Release notes are available here.
Today we are making WebStorm 7.0.1 available.
It’s a minor update for WebStorm 7.0 that we released almost a month ago. It brings dozens of fixes and improvements based on your feedback on our issue tracker. Here is a full list of issues that were addressed in this update.
Unfortunately, it doesn’t come as a patch for WebStorm 7.0: you need to download the installation file on WebStorm web site and make a fresh install. All your settings will be saved.
One of nice improvements available in WebStorm 7.0.1 is the Emmet preview in HTML.
To enable it go to Settings → Emmet and enable Enable abbreviation preview.