将less、scss编译成css样式的方法

导读:本篇文章讲解 将less、scss编译成css样式的方法,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

A) 将less译成css样式

一、less软件进行编译

  1. 下载安装node.js
    https://nodejs.org/en/download/
  2. 然后在cmd中运行npm -install -g less  安装less
    将less、scss编译成css样式的方法
  3. 编译less文件
    命令编译:进行less文件所在位置,在cmd中运行
    T:\testHtml\html5>lessc sytyle.less style.css
    T:\testHtml\html5>lessc -x style.less style.css
    将less、scss编译成css样式的方法
    软件编译:Dreamweaver在编写完.less文件后,会自动调用less编译生成css文件
    将less、scss编译成css样式的方法

二,使用工具Koala进行编译

  1. 下载安装
    Koala – LESS/Sass/Compass/CoffeeScript编译工具
  2. 将less所在的目录拖放到软件框中,点编译即可,如果压缩,右击less文件,然后在右边先择压缩,编辑即可
    将less、scss编译成css样式的方法

A) 将scss译成css样式

下载安装sass
https://www.sass.hk/

一、使用node编译

        a) windows下面必须安装 ruby

        b) 命令: gem install sass
        普通编译:sass style.scss style.css
        压缩编译:sass –style compressed style.scss style.css

        C) 监听:sass –watch style.scss:style.css    当style.scss变化时,style.css也会同步发生变化

二、工具编与less相同,可能用koala来编译,注意目录名称不能使用中文

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/71203.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!