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.
Alex says:
January 24, 2011Hello,
how can i compile the less files with PhpStorm?
hongbo says:
January 24, 2011I 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.
Psih says:
January 24, 2011Code 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
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.
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…
Oleg says:
January 25, 2011http://youtrack.jetbrains.net/issue/WI-2900 – for LESS compilation support.
http://youtrack.jetbrains.net/issue/WI-1234 – for SASS compilation support.
Please vote!
bruno says:
June 18, 2011Really?
CTRL+Q doesn’t work with LESS document yet
It’s a shame
Arne says:
July 21, 2011The auto-format is not working with less-css is this correct?
Ando says:
August 10, 2011Seems like so. Three things I hope will appear in Stom: LESS compilation, LESS auto-format, LESS Ctrl + Q (normal CSS autocomplete).
Beau says:
October 26, 2011Definitely need to get the code formatting for LESS fixed. It’s a PAIN to edit and create LESS documents at the moment.
Nadav Kavalerchik says:
March 16, 2012The Images a missing from this blog post, please fix it 🙂
Alexey Korsun says:
March 18, 2012Thank you, Nadav. Corrected.