PhpStorm 7 Web Toolkit Series – Stylus and Compass Support

PhpStorm 7 Web Toolkit Series - Stylus and Compass SupportIn web development, there are quite some options available to make writing CSS more concise and developer-friendly. There is Less, Sass, SCSS and more recently Stylus, all languages that sprinkle CSS with variables, mixins, operations and functions. And then there’s Compass which builds on Sass and enriches it with a number of reusable patterns.

We’ve had support for Less, Sass and SCSS already. Now PhpStorm 7 adds support for Stylus and Compass!

This functionality is available in IntelliJ IDEA, PyCharm, WebStorm, PhpStorm, RubyMine and AppCode.

This functionality is available in IntelliJ IDEA, PyCharm, WebStorm, PhpStorm, RubyMine and AppCode.

Syntax highlighting, code completion and structure view for Less, Sass and SCSS are available in PhpStorm by default. For Stylus, we should install the Stylus support plugin through our IDE Settings | Plugins, Install JetBrains plugin…

PhpStorm 7 supports these languages and their various compilers through File Watchers: the first time a .less, .sass, .scss or .styl file is added to a project, PhpStorm will transpile the file to CSS whenever it is saved. Note that a compiler for the language has to be installed. PhpStorm has a built-in Node.js Package Manager (Project Settings | JavaScript | Node.js) which can be used to install one.

Using Stylus in PhpStorm for writing CSS

Compass integration is also available. Through the Project Settings | Compass, we can specify the path to the Compass executable and a configuration file after which we can use it within PhpStorm.

Compass support

Are you working with these features? We’re anxious to hear your feedback in the issue tracker, through the comments below or in our forums!

Develop with pleasure!
– JetBrains PhpStorm Team

About Maarten Balliauw

Maarten Balliauw is a Developer Advocate at JetBrains, working on .NET tools. He focuses on .NET, Azure, web technologies and application performance. Maarten is a frequent speaker at various national and international events. In his free time, he brews his own beer. Follow him on Twitter or check his personal blog.
This entry was posted in Cool Feature and tagged , , , , , , , . Bookmark the permalink.
  • freak182

    When will Jetbrains release a community edition of PHPStorm? PyCharm and Intellij already have their community edition.

    • Mikhail Vink

      Currently we have no plans on releasing PhpStorm Community Edition – we have a strong feeling that PhpStorm without any web functionality (which is actually PyCharm Community Edition in comparison to PyCharm Professional Edition) would be useless for users.

  • Catalin

    What happens when I have 2 ore more compass projects in my project?

    • Alexander Zolotov

      Nothing happens. But you’ll be able to select only one version of compass and only one config file. There is an issue about config.rb, feel free to vote for it: