一、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表示秒鐘。
原創文章,作者:ADLH,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/142529.html