Less css compiler plug-in JetBrains IntelliJ platform, jetbrainsintellij
LESS Compiler
The LESS file can be monitored and automatically compiled into CSS when it changes. This plugin is only applicable to IntelliJ IDEA 11 +, PhpStorm 5 +, and WebStorm 5 + platforms. It has the following features:
Recursive Directory Monitoring
LESS Compiler
Watches directories (and subdirectories) for changes to LESS files and automatically compiles them to CSS when they are saved in the editor (or when IntelliJ detects that they were modified outside the IDE ).
You can monitor as your LESS directories as you like. You can also specify as your output directories as you like so that compiled CSS files will be copied to multiple locations (e.g., a localsrc
Directory under version control and a mountedtarget
Directory on a remote server ).
The directory structure of the output CSS directories will be identical to the structure of the source LESS directory.
@ Import Dependency Resolution
Files that@import
A modified LESS file will be re-compiled automatically.
For example, ifhome.less
,about.less
, Andcontact.less
All@import "common.less"
, Modifyingcommon.less
Will cause all three dependents to be re-compiled as well.
Include/Exclude File Patterns
Prevent specific LESS files from being compiled by specifying include/exclude patterns (glob) that match against filename, folder name, or any part of the complete path to the LESS file.
Move, Copy, and Delete Detection
When a LESS file is moved, copied, or deleted,LESS Compiler
Will offer to do the same to the corresponding CSS file (s ).
Virtual Filesystem specifications
Unlike other solutions, this plugin is smart enough to define y IntelliJ when CSS files are changed, moved, copied, or deleted. in most cases, updated CSS files will be immediately reflected in the editor and Project tree view.
Selective Compilation
If the plugin somehow fails to catch changes to a LESS file, simply right-click anywhere in the editor or Project tree and select "Compile to CSS ". you can also compile an entire directory by right-clicking on it in the Project tree.
Error configurications
Any errors encountered during the compilation process will produce an error notification balloon in the IDE containing a link to the file and the line number that caused the error