Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Lessc(Less Compiler)是一个在Sublime Text3下使用 `less.js` (http://lesscss.org/) 库将 `.less` 文件编译成 `.css` 文件的工具插件。

Notifications You must be signed in to change notification settings

yswang0927/lessc

Repository files navigation

Lessc(Less Compiler)

Less compile for Sublime Text 3

什么是 Lessc

Lessc(Less Compiler)是一个在Sublime Text3下使用 less.js (http://lesscss.org/) 库将 .less 文件编译成 .css 文件的工具插件。

特性

  • 利用windows自带js引擎加载 less.js(目前是less-1.7.5版本)库,无需任何其它额外的插件安装(仅支持 windows)

  • Lessc的默认设置和设置项可以从 sublime text3\Preferences\Package Settings\Lessc\Settings 看到和修改;

  • Lessc支持 自动编译(即时保存即时编译当前 .less 文件,由配置项:auto_compile:{true|false} 决定)、 手动编译全部编译;
    手动编译全部编译 可以通过配置快捷键(sublime text3\Preferences\Package Settings\Lessc\Key Bindings - Default)进行,
    也可以选择工具命令:sublime text3\Tools\Lessc > CSS\Compile Current Less file | Compile All Less files 下触发进行。

  • 可设置是否压缩 CSS:compress:{true|false}

  • Lessc还支持 .sublime-project 项目私有化配置,这样可以为不同的项目进行不同的 Lessc 的配置。

    test.sublime-project 示例配置:

    {
    "folders":[
    {
    "name": "test",
    "path": "."
    }
    ],
    "settings":
    {
    "lessc":
    {
    "auto_compile": true,
    "compress": false,
    "encoding": "UTF-8",
    "less_dir": "D:\workspace\test\src\lessc"
    "output_dir": "D:\workspace\test\build\css",
    }
    }
    }

如何使用?

  • 1.将代码下载到 "SublimeText3 安装目录\Data\Packages\lessc" 即可。

  • 2.开始编写你的 .less 文件,保存后相信它会自动帮你编译成 .css 文件,试试吧 O(∩_∩)O~

声明:

此插件是修改自 https://github.com/fengdi/lessc (原插件只支持SublimeText2),尊重原作者版权!

About

Lessc(Less Compiler)是一个在Sublime Text3下使用 `less.js` (http://lesscss.org/) 库将 `.less` 文件编译成 `.css` 文件的工具插件。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /