JetBrains IntelliJ平台中的 LESS CSS compiler 外掛程式,jetbrainsintellij

來源:互聯網
上載者:User

JetBrains IntelliJ平台中的 LESS CSS compiler 外掛程式,jetbrainsintellij

LESS Compiler 能夠監控 LESS 檔案,當它一有變化時將自動編譯成CSS。這個外掛程式只適用於 IntelliJ IDEA 11+, PhpStorm 5+, 和 WebStorm 5+平台。它具有以下特性:

  1. 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.

  2. @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", modifyingcommon.less will cause all three dependents to be re-compiled as well.

  3. 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.

  4. 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).

  5. 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.

  6. 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.

  7. 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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.