Sass的安装:
1.安装:SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。
假定你已经安装好了Ruby,接着在命令行输入下面的命令:
gem install sass
然后,就可以使用了。
2:使用:
SASS文件就是普通的文本文件,里面可以直接使用CSS语法。文件后缀名是.scss,意思为Sassy CSS。SASS提供两种编译方式,一种是手动编译,一种是监视编译(–watch),手动编译就是当你撰写好CSS时下指令去做编译,监视编译则是你指令一个目录,当此目录里面的*.scss档案有改变时(新增、覆写等等),就会自动去做编译的动作。先来讲手动编译方式:
下面的命令,可以在屏幕上显示.scss文件转化的css代码。(假设文件名为test。)
sass test.scss
如果要将显示结果保存成文件,后面再跟一个.css文件名。
sass test.scss test.css
SASS提供四个编译风格的选项:
* nested:嵌套缩进的css代码,它是默认值。
* expanded:没有缩进的、扩展的css代码。
* compact:简洁格式的css代码。
* compressed:压缩后的css代码。
生产环境当中,一般使用最后一个选项。
sass –style compressed test.sass test.css
还有一种监视的方式做编译,在命令行中切换到当前sass或者scss文件所在的目录,然后运行
sass –watch scss:css
SASS的官方网站,提供了一个在线转换器。你可以在那里,试运行下面的各种例子。
Compass的安装:
1.安装:安装ruby之后,输入命令
gem install compass
2.使用:创建一个 COMPASS 项目
在命令行中切换到你需要创建项目的目录,运行:
compass create "projectname"
这个命令会创建一个包含一系列文件的目录,其中最重要的是配置文件 config.rb,其他文件如果你不需要都可以删除。
在 config.rb 中你可以修改 SASS 和 CSS 的目录及其它一些基础设置。
实时编译 SASS 文件
COMPASS 提供的默认方法是:
在命令行下切换到项目目录,运行
compass watch
COMPASS 将会实时监控 SASS 目录的文件变化,只要你一保存文件,立即将相应文件编译为 CSS 文件。
不同的操作系统安装方法是不一样的,建议学Ruby用Linux,有条件的话也可以用MAC,用windows。会遇到很多问题:windows:到https://www.ruby-lang.org/下载安装包,安装好,不要忘记改环境变更量。
https://rubygems.org/pages/download 下载rubygems安装包,解压cd 到子文件夹下setup.rb
http://www.runoob.com/ruby/ruby-tutorial.html
上面的链接里讲的很详细,你可以按照这个SOP来安装,Linux和windows的都有。
不懂的可以问我,我都安装过。
虽然可以用 sudo 命令将 rvm 安装到 /usr/local 目录下,但官方推荐的还是单用户安装,命令是:
默认安装会修改 dotfiles 比如 ~/.bash_profile ,如果不想要修改 dotfiles,则执行如下命令:
如果要执行多用户安装,将 rvm 安装到 /usr/local 里,则执行:
安装完成后,请执行以下命令检查是否成功:
如果提示 rvm is a function 就表示成功,否则需要 source ~/.bash_profile ,如果你想我一样用的是一个非 login shell,比如 mate-terminal, 这时候需要编辑 ~/.bash_profile ,将其中的这一行剪切复制到 ~/.bahrc 中:
如果想要把系统自带的 Ruby 加载进来,可以执行如下的命令:
首先可以列出所有一直版本的 Ruby,命令是:
安装特定版本的 Ruby 用 rvm install [版本号] ,然后用 rvm use [版本号] 来切换版本,比如安装 2.1.1 :
这会把 ruby 安装到 ~/.rvm/rubies/ruby-[版本号] 目录下,你还可以设置默认的 ruby ,这会覆盖系统本身的 ruby,命令是:
查询已经安装的 ruby 版本的命令是:
卸载一个已经安装的版本的命令是:
rvm 让 ruby、gems 和 irb 都组件化,并相互独立。gemset 可以理解为是一个独立的虚拟 Gem 环境,每一个 gemset 都是相互独立的。gemset 是附加在特定的 ruby 版本上的,例如用了 1.9.2, 建立了一个叫 rails3 的 gemset,当切换到 1.8.7 的时候,rails3 这个 gemset 并不存在。
命令是:
首先需要切换到 ruby版本号@gemset名 ,然后再用 gem install 来安装,例如:
用 use 命令就可以实现,比如:
停止使用自定义的 gemset ,返回到默认的 gemset ,可以用以下两个命令中的一个:
命令是:
命令是:
命令是:
命令是:
在项目中,比如 rails ,可以在目录下建立 .rvmrc 文件来指定自动使用的 gemset,内容可以是:
执行下面的命令会彻底删除 .rvm 目录,从而删除 rvm:
在我使用的 archlinux 中,由于 openssl 已经升级到 1.1 版本,而 ruby 2.4之前用的版本依然是 openssl 1.0 ,因此 rvm install 会报错,此时需要在本地编译安装 openssl 1.0,然后再安装 ruby,命令是: