• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

lessc: Less 即时保存编译 CSS 插件 for Sublime Text 3

原作者: [db:作者] 来自: 网络 收藏 邀请

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),尊重原作者版权!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap