sass環境搭建

一.下載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

3、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來中止監視