sass環境搭建

一.下載ruby並安裝 https://rubyinstall er.org/downloads/

创新互联主营剑川网站建设的网络公司,主营网站建设方案,重庆App定制开发,剑川h5小程序设计搭建,剑川网站营销推广欢迎剑川等地区企业咨询

  1. 安裝過程中需要勾選“add Ruby executables to your PATH

  2. 安装完成之后可再次使用ruby -v检测是否安装成功

  3. 取消默认的绑定源 gem sources --removehttps://rubygems.org/

    绑定国内网站gem sources -a http://gems.ruby-china.org/

      gem sources -l查看current resources,以验证换源是否成功

.二.sass安装及使用

  1. gem install sass

  2. sass -v 查看版本

    这里sass就安装完成了完毕,最后在放一些gem下常用的命令

    如果果断时间需要更新ruby程序的话,可以使用

    gem update

    安装特定版本的sass

    gem install sass --version=版本号(例如3.3.0)

    列出本地安装的所有ruby程序包

    gem list

    删除特定版本的sass

    gem uninstall sass --version=版本号

    删除本地安装的sass

    gem uninstall sass

三、compass的安装及使用

1.安装

    gem install compass    //通过gem安装compass

    compass -v    //检测compass的版本,以验证是否安装成功

2.compass使用

    mkdir compasstest    //创建一个compasstest目录

    cd compasstest    //进入到compasstest目录

    compass create learn-compass    //创建一个compass项目,learn为项目名称

3.项目文件中监视sass的change


cd  learn-compass    //进入到项目文件中
compass watch    //监视compass的change -->Compass is watching for changes.Press Ctrl-c to Stop    //监视已启动,可以使用ctrl-c来停止监视


网站栏目:sass環境搭建
路径分享:http://scyanting.com/article/gojjcj.html