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 Compilerwatches 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
srcdirectory
under version control and a mounted
targetdirectory 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
@importa modified LESS file will be re-compiled automatically.
For example, if
home.less,
about.less,
and
contact.lessall
@import "common.less", modifying
common.lesswill 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 Compilerwill 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
相关文章推荐
- IDEA编译less插件LESS CSS Compiler的安装
- IDEA编译less插件LESS CSS Compiler的安装
- sublime中将less编译成css的插件less2css
- lessphp is a compiler for LESS written in PHP(to css)
- sublime插件之less2css
- Compile Less to CSS with IntelliJ IDEA
- gulp-less插件之less文件编译成css
- 将less编译成css的gulp插件
- CSS扩展“less"和”sass“
- jQuery 异步上传插件 Uploadify 使用 (Java平台)
- Webpack中 的css-loader和less-loader
- eclipse aptana插件 —— 【javascript|html|css|jquery|…】自动提示
- notepad++ Emmet插件开发html、css。
- webstorm下搭建编译less环境 以及设置压缩css
- Webstorm配置CSS/SCSS自动补全兼容前缀autoprefixer插件
- Less动态css-演讲稿(ppt) 推荐
- less sass与css区别.
- CentOS6.5下如何正确下载、安装Intellij IDEA、Scala、Scala-intellij-bin插件、Scala IDE for Eclipse助推大数据开发(图文详解)
- CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(2)CSS3利用图层叠加实现多背景
- less css用法思维导图