sublime将less转换成css

  • npm配置： 
    npm  -g  install  less
  • sublime配置：
    a. 安装less
    b. 安装less2css
    c. 配置less2css：
    c-1. 解析：


    c-2. 代码： 
    {
"autoCompile": true,
"createCssSourceMaps": false,
"ignorePrefixedFiles": false,
"lessBaseDir": "./",
"lesscCommand": false,
"main_file": false,
"minify": false,
"minName": false,
"outputDir": "./",
"outputFile": "", //[example.css] if left blank uses same name of .less file
"showErrorWithWindow": true,
"autoprefix": false,
"disableVerbose":false,
"silent":false
}
  • 测试：

    • 原文地址：http://blog.51cto.com/12173069/2095168

    时间： 2024-10-12 13:51:39

    sublime将less转换成css的相关文章

    Sublime Less 自动编译成css

    1.note编译 1.下载notejs https://nodejs.org/en/ 2.首先你要安装lessc.我是用npm包管理器直接安装的,只需要一条命令,如下: npm install less -g 3.检查lessc是不是安装成功了: lessc -v 在 cmd中可以手动编译 然后可以手动编译less文件为css (f:\WorkFiles\天津欢乐谷\style\alan.less) 进入目录 :cd f:\WorkFiles\天津欢乐谷\style lessc alan.les

    LESS转换成css

    Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量.混合(mixin).函数等功能,让 CSS 更易维护.方便制作主题.扩充. 本文主要介绍less文件如何转化为css文件. 1.首先确认你的电脑已经安装了node. 查看node版本号输入:node -v 查看npm版本号输入:npm -v 若没有安装node请先安装好node环境再来 2.使用 npm 安装 lessc,命令行: npm install -g less 3然后进入需要转换的less文件的目标位置. 3

    [转] 小tip: 使用CSS将图片转换成模糊(毛玻璃)效果 ---张鑫旭

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3804 去年盛夏之时,曾写过“小tip: 使用CSS将图片转换成黑白”一文,本文的模式以及内容其实走得是类似路线.CSS3 → SVG → IE filter → canvas. 前段时间,iOS7不是瓜未熟就落地了嘛,然后捡瓜的人很多,然后国内外开始了各种探讨,从界面到动画,从兼容到实现等.其中,“毛玻璃”一次梆梆出世

    小tip: 使用CSS将图片转换成黑白(灰色、置灰) ? 张鑫旭-鑫空间-鑫生活

    小tip: 使用CSS将图片转换成黑白(灰色.置灰) 这篇文章发布于 2012年08月19日,星期日,20:41,归类于 css相关, SVG相关. 阅读 159943 次, 今日 146 次 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=2547 //zxx: 最近很积极地折腾手机页面的些东西,加上其他一些人生重要的事,所以木有更新. 可能早就知道,像汶川这种糟糕

    json字符串转换成json对象

    Json字符与Json对象的相互转换方式有很多,接下来将为大家一一介绍下,感兴趣的朋友可以参考下哈,希望可以帮助到你 1>jQuery插件支持的转换方式: 代码如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器: 代码如下: JSON.parse(jsonstr); //可以将json字符

    如何把你的图标转换成web字体

    在这篇教程中,我们将看看如何使用一个免费的Web应用程序IcoMoon将矢量图转换成Web字体.然后在看看如何使用生成的字体通过css应用到Web页面中. 使用字体图标的优势 字体图标除了图像清晰度之外,比位图还有哪些优势呢. 适用性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍大小的图像)要小.一旦图标字体加载了,你的图标就会马上渲染出来,不需要下载一个图像. 可扩展性:图标字体可以用过font-size属性设置其任何大小.这使您能够随时输出不同大小的图标,然而,使用位图,你必

    响应式WEB设计：将导航菜单转换成下拉菜单以适应小屏幕设备

    移动互联网时代的到来,使得我们在进行页面设计与开发时,应当根据用户行为以及设备环境(系统平台.屏幕尺寸)进行相应的响应和调整,这个理念也叫响应式WEB设计.今天我将给大家讲解当屏幕尺寸变小时,将横向菜单转换成下拉菜单的效果. 本文使用了HTML5标签以及CSS3技术,您在查看demo时需要您的浏览器支持HTML5和CSS3,建议使用Chrome,Firefox或者IE9等现代浏览器. HTML <nav> <ul> <li><a href="/"

    使用float和display:block将内联元素转换成块元素的不同点

    使用float和display:block将内联元素转换成块元素的不同点:建议:尽可能的手写代码,可以有效的提高学习效率和深度.内联元素可以转换成块级元素,常用的方法比如可以为内联元素使用float属性让内联元素浮动起来,或者为内联元素添加display:block.虽然两者都可以让内联元素转换成块级元素,但是有区别的.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8">

    Exl转换成html的方法

    此方法采用了一个插件:jacob-1.15-M4,这个插件可以将office转换成html,在此我只介绍了一种,将Exl转换成html,转换后的html中有的border线为0.5px,在有的浏览器中不识别0.5px的border线,需要将生成的css中的0.5px,转换成1px,在系统中如果需要多次转换的话建议写一个单例模式,否则的话转换几次之后你电脑的内存就被撑爆了,原因很简单,就是每一次转换都会启动一次Exl程序,启动的多了系统内存就沾满了,所以,建议还是写成单例模式,废话不多说,直接贴代