Leaner CSS in WebStorm & PhpStorm 2.0

Egor Malyshev

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. Alex says:

    January 24, 2011


    how can i compile the less files with PhpStorm?

  2. 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. 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. 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. 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. 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. bruno says:

    June 18, 2011

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

  8. Arne says:

    July 21, 2011

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

  9. 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. 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. Nadav Kavalerchik says:

    March 16, 2012

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

    • Alexey Korsun says:

      March 18, 2012

      Thank you, Nadav. Corrected.