安装Sass和Compass
2015-08-18 14:23
627 查看
安装Sass和Compass
window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图:
安装完成后需测试安装有没有成功,运行CMD输入以下命令:
安装Ruby
sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图:
安装完成后需测试安装有没有成功,运行CMD输入以下命令:
ruby -v //如安装成功会打印 ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32] 如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。(使用淘宝的gem源https://ruby.taobao.org/)如下: //1.删除原gem源 gem sources --remove https://rubygems.org/ //2.添加国内淘宝源 gem sources -a https://ruby.taobao.org/ //3.打印是否替换成功 gem sources -l //4.更换成功后打印如下 *** CURRENT SOURCES *** https://ruby.taobao.org/[/code]安装Sass Compass
Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,你需要输入下面的命令:
//安装如下(如mac安装遇到权限问题需加 sudo gem install sass)gem install sass gem install compass
在每一个安装过程中,你都会看到如下输出:Fetching: sass-3.x.x.gem (100%) Successfully installed sass-3.x.x Parsing documentation for sass-3.x.x Installing ri documentation for sass-3.x.x Done installing documentation for sass after 6 secon 1 gem installed
安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:sass -v Sass 3.x.x (Selective Steve) compass -v Compass 1.x.x (Polaris) Copyright (c) 2008-2015 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductable donation for a worthy cause: http://umdf.org/compass[/code]Sass相关命令
如下sass常用更新、查看版本、sass命令帮助等命令://更新sass gem update sass //查看sass版本 sass -v //查看sass帮助 sass -h
引自sass中文官网
相关文章推荐
- CSS3 grayscale滤镜图片变黑白
- CSS3选择器的性能比较
- 使用CSS3中的box-flex功能实现垂直等高、水平均分、比例划分布局
- 如何解决inline-block元素的空白间距 css 完美解决
- 如何解决inline-block元素的空白间距 css 完美解决
- OpenStack J版 CSS详解与修改
- CSS3学习笔记(3)-CSS3边框
- CSS效果
- html+css下拉菜单
- 常用css总结
- 基本样式的显示
- <转载>使用css让大图片不超过网页宽度
- <转载>DIV+CSS position定位方法总结
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- <转载>div+css布局教程之div+css常见布局结构定义
- CSS3快速浏览器前缀的方法
- <转载>Div+Css布局教程(-)CSS必备知识
- css3 斜角标签
- css3实现图片遮罩效果鼠标hover以后出现文字
- 问题:table 可否实现对角线;结果:用div+css模拟表格对角线