一、Scala安装
为了保证SCSS的正常使用,需要首先确认电脑是否安装了Scala,因为SCSS的编译器SASS基于Ruby的SASS转译成CSS,而SASS又基于Haml和Sass两个语言,而Sass是基于Ruby实现的,而Ruby又基于Scala实现,因此需要先安装Scala。下面介绍Scala的安装步骤:
1、首先到官网查看最新稳定版。
2、下载对应版本的Scala安装包,并执行安装。
3、设置环境变量,将Scala加入PATH中,以便在后续的操作中使用。
export SCALA_HOME=/usr/local/scala
export PATH=$SCALA_HOME/bin:$PATH
二、SCUM安装
在安装SCSS之前,需要先安装SCUM这个ruby的版本管理软件,使用SCUM管理Ruby版本,以达到同一机器多个Ruby版本的共存和管理的目的。下面介绍SCUM的安装步骤:
1、首先需要先安装curl:
sudo apt-get install curl
2、下载SCUM安装脚本并执行:
curl -L https://get.rvm.io | bash -s stable
3、启动SCUM:
source ~/.rvm/scripts/rvm
三、SC安装系统
在安装SCSS之前,需要先安装SC这个CSS的线程库,以便后续css库的使用。下面介绍SC的安装步骤:
1、下载SC的安装包并解压:
wget http://supercollider.sourceforge.net/Download/sc3-plugins/Source/sc3-plugins-3.7.0source.tar.gz
tar zxvf sc3-plugins-3.7.0source.tar.gz
2、切换到解压后的目录并执行编译安装:
cd sc3-plugins-3.7.0source
sudo apt-get install build-essential libsndfile1-dev libasound2-dev libjack-dev libreadline-dev
./configure
make
sudo make install
四、SCV安装
在安装SCSS之前,需要先安装SCV这个合成软件,以便后续SCSS生成的样式能够在SCV上加以利用。下面介绍SCV的安装步骤:
1、下载SCV的安装包并解压:
wget http://www.sc3d.org/Download/scV4.01-ubuntu-14.04-x86_64.tar.gz
tar zxvf scV4.01-ubuntu-14.04-x86_64.tar.gz
2、切换到解压后的目录并执行安装脚本:
cd scV4.01-ubuntu-14.04-x86_64
./install.sh
五、Scratch安装
在安装SCSS之前,需要先安装Scratch这个图形化编程软件,Scratch是基于Squeak虚拟机编写的,所以需要先安装Squeak虚拟机。下面介绍Squeak虚拟机和Scratch的安装步骤:
1、下载Squeak虚拟机并安装:
wget http://www.squeakvm.org/unix/release/Squeak-5.0-All-In-One.zip
unzip Squeak-5.0-All-In-One.zip
2、下载Scratch源码并解压:
wget http://download.scratch.mit.edu/src/scratch_1.4_source.tar.gz
tar zxvf scratch_1.4_source.tar.gz
3、将Scratch源码解压后的目录复制到Squeak虚拟机的安装目录下:
cp -r scratch/Squeak\ 3.11-7179/ /opt/vm/
六、SCR安装位置
在安装SCSS之前,需要确定SCR安装的位置,在确认后,可以直接进行SCR安装。下面介绍SCR安装的位置:
1、SCR安装在系统盘根目录下。
2、SCR安装在C:/Scratch下。
七、Scorn安装程式
在安装SCSS之前,需要先安装Scorn这个兼容软件,它能够帮助编写代码时保证代码的各种功能都能够正确的实现。下面介绍Scorn安装步骤:
1、下载Scorn安装包并执行安装:
wget http://scorn.sourceforge.net/ScornInstaller.exe
wine ScornInstaller.exe
2、在安装过程中根据提示进行配置即可。
八、Sass安装教程
在上述预备步骤都完成后,接下来就可以开始安装Sass了,本节将详细介绍Sass的安装方式以及使用方法:
1、首先需要安装RubyGems:
sudo apt-get install rubygems
2、安装Sass:
sudo gem install sass
3、检查Sass版本是否安装成功:
sass -v
安装成功后,将会输出Sass的版本号。
九、安装SCSS
在安装完Sass后,SCSS的安装就变得非常简单了,只需要执行以下命令即可:
sudo gem install scss
安装成功后,再次检查SCSS版本号:
scss -v
安装成功后,将会输出SCSS的版本号。
十、SCUM安装错误
如果在安装SCUM的过程中,出现了以下错误:
curl: (60) SSL certificate problem: certificate is not yet valid
这是因为服务器的SSL证书尚未生效,需要手动修改系统时间:
sudo date -s "MM/DD/YYYY HH:MM:SS"
其中,MM表示月份,DD表示日期,YYYY表示年份,HH表示小时,MM表示分钟,SS表示秒钟。