Leaner CSS in WebStorm & PhpStorm 2.0

LESS provides an extension to CSS with variables, mixins, operations and nested rules, and uses CSS syntax.
As many of you are already using it in your everyday coding, we’ve added some nice things to boost your productivity with LESS in the upcoming WebStorm 2.0 & PhpStorm 2.0.

What’s in?

  • LESS syntax highlighting
  • On-the-fly syntax checking
  • All the brilliant CSS editing features are available for LESS as well
  • LESS variables support with code completion, one-click go to declaration, usages search and rename refactoring!

All this cool staff is already available in the Early Access Preview build of WebStorm & PhpStorm, as well as in new versions of other JetBrains IDEs such as RubyMine for Ruby and PyCharm for Python.

Develop with pleasure!
-JetBrains Web IDE Team

Comments below can no longer be edited.

12 Responses to Leaner CSS in WebStorm & PhpStorm 2.0

  1. Avatar

    Alex says:

    January 24, 2011


    how can i compile the less files with PhpStorm?

  2. Avatar

    hongbo says:

    January 24, 2011

    I have an input delay issue with the new build, it just ignores some of my input, ex:
    if I type: var function,
    it accepts only : vr uncn.
    I have to type very slowly to be able to get all the texts.

  3. Avatar

    Psih says:

    January 24, 2011

    Code realtime check got broken.
    Here is an example:

    function test() {
    return time() % 5 === 0;

    class Test {

    public function test1()
    if (test() && test()) {
    $this->bla = ‘test’;

    public function test2()
    if (test()) {
    $this->bla = ‘test’;

    public function test3()
    if (test() || test()) {
    $this->bla = ‘test’;

    in test1 method PhpStorm will highlight $this as “undefined variable $this”
    Windows 7, build 100.206

  4. Avatar

    Alexey Korsun says:

    January 25, 2011

    @alex: You can’t. PhpStorm doesn’t support it yet. Please, file a feature request http://youtrack.jetbrains.net/issues/WI#newissue=yes
    If it will collect enough votes we will implement it.

  5. Avatar

    nikic says:

    January 25, 2011

    @hongbo, @psih: These are both known issues. PHPStorm uses a different engine for undefined variables now and there are some issues. They will probably be fixed in the next EAP.

    The issue with the typing lag is known, too, though I currently can’t find the appropriate Bug ID for that…

  6. Avatar

    Oleg says:

    January 25, 2011

    http://youtrack.jetbrains.net/issue/WI-2900 – for LESS compilation support.
    http://youtrack.jetbrains.net/issue/WI-1234 – for SASS compilation support.

    Please vote!

  7. Avatar

    bruno says:

    June 18, 2011

    CTRL+Q doesn’t work with LESS document yet
    It’s a shame

  8. Avatar

    Arne says:

    July 21, 2011

    The auto-format is not working with less-css is this correct?

  9. Avatar

    Ando says:

    August 10, 2011

    Seems like so. Three things I hope will appear in Stom: LESS compilation, LESS auto-format, LESS Ctrl + Q (normal CSS autocomplete).

  10. Avatar

    Beau says:

    October 26, 2011

    Definitely need to get the code formatting for LESS fixed. It’s a PAIN to edit and create LESS documents at the moment.

  11. Avatar

    Nadav Kavalerchik says:

    March 16, 2012

    The Images a missing from this blog post, please fix it 🙂

    • Avatar

      Alexey Korsun says:

      March 18, 2012

      Thank you, Nadav. Corrected.