zoukankan      html  css  js  c++  java
  • 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天津欢乐谷stylealan.less)
    进入目录 :cd f:WorkFiles天津欢乐谷style
    lessc alan.less > alan.css  编译less为css文件

    PS:
    cd 回到盘根目录

    f: 进入f盘

    cd f:WorkFiles天津欢乐谷style 进入目录

    lessc alan.less > alan.css 编译less为css文件

    cd WorkFiles 进入workFiles文档

    2.submile的less2css插件

    Package Control安装less2css, less(高亮)

    安装Less2Css;

    步骤:1.快捷键 Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择Less2Css(注意左下角的小文字变化,会提示安装成功)。 

    2. https://github.com/duncansmart/less.js-windows 下载该文件并解压到本地目录(eg:D:less.js-windows-master);点击计算机 右击 属性,选择高级系统设置,编辑Path ,将解压目录,添加到PATH中。

    3. 安装完以上操作,重启Sublime后,Control+s 保存Less文件,会在同目录下生成相应的.css文件。至此操作已经完成。如果想改变快捷键和生成css的格式,打开

    复制Settings-Default内的内容到Settings-User中,更改其中的值,例如把minName变为True,minify变为True,会生成相应的x.min.css文件。

    PS,如果编译时submile报错(unable to interpret argument clean-css-if itis a plugin(less-plugin-clean-css)

    在cmd里安装 less-plugin-clean-css插件
    npm install less
    -plugin-clean-css

    3.还有一个软件是koala

    Koala 特性:

    多语言支持 :支持 less 、 sass 、 coffeescript 和 compass framework 。
    实时编译: 监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。
    编译选项: 支持自定义编译选项。
    代码压缩: less

  • 相关阅读:
    Azure WAF防火墙工作原理分析和配置向导
    多云时代,海外微软Azure云与国内阿里云专线打通性能测试
    【Hololens】微软Hololens虚拟现实视频集
    【Azure】Azure学习方法和学习资料
    LINUX ON AZURE 安全建议(全)
    编程行业之网络贩卖生存
    Bootstrap
    我谷首开博客
    Noip2018普及组初赛试题解题报告
    奇yin技巧
  • 原文地址:https://www.cnblogs.com/alantao/p/6490863.html
Copyright © 2011-2022 走看看