Sass 学习笔记一——基础概念和安装

学习资料：《Sass和 Compass设计师指南》[附件][sass&compass]

Sass概念性知识

Sass 是一门高于CSS的元语言,用于清晰结构地描述文件样式,提供简洁、优雅的语法,提供多种功能创建可维护和管理的样式表.

Compass 是一套开源的CSS开发框架,通过多种复用的代码和工具轻松生成CSS代码.

Ruby 在这儿仅将其当作一个命令行工具即可.

Gem 在这儿仅将其当作一个简单的应用软件即可,其可扩展基于Ruby的程序的功能,Sass和Compass都基于Ruby.

Sass安装过程

安装Ruby(安装Sass和Compass的前提)

这里说的是基于 window 系统下的安装方法,注意安装路径必须在 C 盘(或者说是系统盘)中,同时注意 Start Command Prompt with Ruby 才是正确打开 Ruby 的文件.

[【下载Ruby】][rubylink]

(PS.通过Cmder运行Ruby的方法,先打开Cmder,接着运行“C:\Windows\System32\cmd.exe /E:ON /K C:\Ruby21-x64\bin\setrbvars.bat”命令即可.)

Sass的安装&卸载

检查Sass和Compass的当前版本

sass -v
compass -v

列出某程序的所有版本(-a all,-r read)

gem list sass -a -r
gem list compass -a -r

查看某程序预发布的版本

gem list sass --pre -r
gem list compass --pre -r

安装最新和预发布版本的某程序

sudo gem install sass
sudo gem install sass --pre
sudo gem install compass
sudo gem install compass --pre

卸载一个特定的某程序版本

gem uninstall sass--version versionnumber
gem uninstall sass--version 3.2.0.alpha.103

被墙无法用命令安装的方法

这里要说的方法是 替换 Amazon S3 上的源为淘宝网的 RubyGems 镜 方法.

gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
gem sources -l
*** CURRENT SOURCES ***
https://ruby.taobao.org
# 请确保只有 ruby.taobao.org
gem install sass
gem install compass

参考链接： sass&compass｜ rubylink