1. 程式人生 > >sass環境搭建

sass環境搭建

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

三、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

sass環境搭建