您的位置:首页 > Web前端 > CSS

JetBrains IntelliJ平台中的 LESS CSS compiler 插件

2015-04-14 11:42 567 查看
LESS Compiler
 能够监控 LESS 文件,当它一有变化时将自动编译成CSS。这个插件只适用于
IntelliJ IDEA 11+, PhpStorm 5+, 和 WebStorm 5+平台。它具有以下特性:

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 many LESS directories as you like. You can also specify as many output directories as you like so that compiled CSS files will be copied to multiple locations (e.g., a local 
src
 directory
under version control and a mounted 
target
 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, if 
home.less
about.less
,
and 
contact.less
 all 
@import
"common.less"
, modifying
common.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 Notifications

Unlike other solutions, this plugin is smart enough to notify 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 Notifications

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: