sass和less的常见编译方式

sass的.scss文件和less的.less文件的编译方式有三种：node.js,工具编译，js文件编译。ji文件编译极少，在项目中常用前两种方式。
一：node.js编译
1.sass
window系统需先安装Ruby，然后全局安装sass：

 <!-- 终端安装输入： -->
    gem install sass
    <!-- 即可在命令行中运行sass： -->
    sass styles.scss styles.css
    <!-- 编译成生产环境下的css文件： -->
    sass styles.scss styles.css --style compressed
    <!-- 实时监视.scss文件是及其方便的： -->
    sass --watch styles.scss:styles.css

2.less
与sass类似，第一步也需全局安装less：

 <!-- 终端安装输入： -->
    npm install -g less
    <!-- 即可在命令行中运行less： -->
   lessc styles.less styles.css
    <!-- 编译成生产环境下的css文件： -->
   lessc -x styles.less styles.css

二：工具编译
做项目时常使用工具–考拉，操作方便，使用简单
附上下载网址：

http://koala-app.com/index-zh.html

软件界面清晰简洁：

注意点：
1.拖动.scss或.less文件所在的父级目录到工具中
2.父级目录不允许夹杂中文，否则报错