Sass/Compass 環境構築
Ruby のインストール
- rubyinstaller-2.0.0-p481-x64.exe を実行して、「Ruby の実行ファイルへ環境変数 PATH を設定する」のチェックをオンにしてインストールする。
- [Windows キー] + [R] を押して cmd を実行する。
- Ruby の動作確認を行う。
> ruby -v ruby 2.0.0p481 (2014-05-08) [x64-mingw32]
RubyGems の更新
- RubyGems のエンコーディングをUTF-8に設定する。
> set LANG=ja_JP.UTF-8
- RubyGems を更新する。
> gem update --system
Updating rubygems-update Fetching: rubygems-update-2.2.2.gem (100%) Successfully installed rubygems-update-2.2.2 Parsing documentation for rubygems-update-2.2.2 Installing ri documentation for rubygems-update-2.2.2 Installing darkfish documentation for rubygems-update-2.2.2 Installing RubyGems 2.2.2 RubyGems 2.2.2 installed Parsing documentation for rubygems-2.2.2 Installing ri documentation for rubygems-2.2.2 ...
Sass/Commpass のインストール
- RubyGems から Sass/Commpass をインストールする。
> gem install sass
※ファイヤウォール確認は許可する。
Fetching: sass-3.3.8.gem (100%) Successfully installed sass-3.3.8 Parsing documentation for sass-3.3.8 Installing ri documentation for sass-3.3.8 1 gem installed
> gem install compass
Fetching: sass-3.2.19.gem (100%) Successfully installed sass-3.2.19 Fetching: chunky_png-1.3.1.gem (100%) Successfully installed chunky_png-1.3.1 Fetching: fssm-0.2.10.gem (100%) Successfully installed fssm-0.2.10 Fetching: compass-0.12.6.gem (100%) Successfully installed compass-0.12.6 Parsing documentation for compass-0.12.6 Installing ri documentation for compass-0.12.6 1 gem installed
- Sass/Compass の動作確認を行う。
> sass -v Sass 3.3.8 (Maptastic Maple) >compass -v Compass 0.12.6 (Alnilam) Copyright (c) 2008-2014 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductable donation for a worthy cause: http://umdf.org/compass