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

This blog is permanently closed.

For up-to-date information please follow to corresponding WebStorm blog or PhpStorm blog.

 
This entry was posted in Cool Feature, PhpStorm, WebStorm and tagged , , , . Bookmark the permalink.

12 Responses to Leaner CSS in WebStorm & PhpStorm 2.0

  1. Alex says:

    Hello,

    how can i compile the less files with PhpStorm?

  2. hongbo says:

    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:

    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. @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:

    @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:

    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:

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

  8. Arne says:

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

  9. Ando says:

    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:

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

  11. The Images a missing from this blog post, please fix it :-)

Comments are closed.