sass環境搭建

Posted 2020-10-15

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

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

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

3. 取消默认的绑定源 gem sources --remove https://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来停止监视

本文出自 “炼心之旅” 博客，请务必保留此出处http://xinzhilian.blog.51cto.com/2821850/1983936