下载完,安装程序。
运行cmd.exe命令
输入ruby -v,会显示安装的ruby 版本.
现在我们开始安装sass,在“开始”菜单中打开ruby的控制面板。
输入gem install sass ,按回车键执行命令。如果提示安装成功,这个步骤后面的内容可忽略。但大多数情况下,由于国内网络原因,导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通过gem sources命令来配置源,先移除默认的源,然后添加淘宝的源,然后查看下当前使用的源是哪个,如果是淘宝的,则表示可以输入sass安装命令gem install sass了。具体操作如下:
先移除默认的源,命令为gem sources --remove /,按回车,结果如下:
添加淘宝的源,命令为gem sources -a ,按回车,结果如下:
查看当前使用的源,命令为gem sources -1,按回车,结果如下:
执行gem install sass 命令,安装sass, 结果如下:
执行sass -v命令,就可以看到你安装的sass版本了,结果如下:
到这里,sass就已经安装好了。后话:
更新sass的命令语句为:gem update
如果想要安装sass的某一特定版本,命令语句为: gem install sass --version=3.3.0
如果想要删除sass的某一特定版本,命令语句为: gem uninstall sass --version=3.3.0
查看ruby 安装的所有程序包,命令语句为: gem list
1、koala软件编译2、sass命令:依靠环境。
自动编译命令:(编译单个文件/编译整个文件夹)
编译单个文件
sass文件目录 sass --watch scss文件的路径:css文件的路径 --style expanded
编译整个文件夹
sass文件目录 sass --watch scss文件夹/. : css文件夹/. --style expanded
3、gulp编译
4、hbulid编译
① 工具--预编译设置
② 新建一个预编译配置 .scss
③ 输入触发命令的地址:ruby里面的sass.bat地址
④ 命令参数:%FileName% ../css/%FileBaseName%.css