首页 > 其他 > 详细

sass環境搭建

时间:2017-11-21 23:38:36      阅读:443      评论:0      收藏:0      [点我收藏+]

一.下載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環境搭建

原文:http://xinzhilian.blog.51cto.com/2821850/1983936

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!