WebStorm LESS plugin or File Watcher - I am confused

I am new to this and I would like to use WebStorm 7.0.3 to compile my LESS files.

On one hand I found this plugin http://plugins.jetbrains.com/plugin?pr=&pluginId=7059 on the other there is a LESS File Watcher seems to be already installed in the WebStorm and prompts me to activate it. Except the compiler input field is empty and I don't know where to get one.

Can you help me?

Thanks

2 comments
Comment actions Permalink

Hi there,

On one hand I found this plugin http://plugins.jetbrains.com/plugin?pr=&pluginId=7059 on the other there is a LESS File Watcher seems to be already installed in the WebStorm and prompts me to activate it.


The LESS CSS Compiler is a 3rd party plugin. AFAIK it already has LESS compiler bundled (don't know what version though .. but I believe it to be 1.3 or so).

The File Watcher is an official JetBrains plugin that assists in compiling/transpiling/processing-with-external-tool of any file. It has predefined settings for most common file types (LESS/SASS/JS etc) and common tasks on those files (e.g. minification for JS/CSS files etc). But you still need to install the actual compiler/transpiler tool yourself.

Excelt the compiler input field is empty and I don't know where to get one.

  • Quit IDE
  • Install with npm (node.js package manager) globally (easier)
npm install -g less
  • Launch IDE
  • When creating new file watcher entry (manually or offered by IDE) it should detect path to lessc file automatically. If not -- point to correct location manually (on Windows it should point to lessc.cmd)


http://blog.jetbrains.com/webide/2013/03/file-watchers-in-webstormphpstorm-6-a-k-a-background-tasks/
http://devnet.jetbrains.com/message/5481645#5481645

0
Comment actions Permalink

Works like a charm, thanks!

0

Please sign in to leave a comment.