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
Hello,
how can i compile the less files with PhpStorm?
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.
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
@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.
@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…
http://youtrack.jetbrains.net/issue/WI-2900 – for LESS compilation support.
http://youtrack.jetbrains.net/issue/WI-1234 – for SASS compilation support.
Please vote!
Really?
CTRL+Q doesn’t work with LESS document yet
It’s a shame
The auto-format is not working with less-css is this correct?
Seems like so. Three things I hope will appear in Stom: LESS compilation, LESS auto-format, LESS Ctrl + Q (normal CSS autocomplete).
Definitely need to get the code formatting for LESS fixed. It’s a PAIN to edit and create LESS documents at the moment.
The Images a missing from this blog post, please fix it :-)
Thank you, Nadav. Corrected.