windows:sass_compass

Sass/Compass 環境構築

  1. Ruby Installerより最新のRubyをインストールする。
    ※ 2014/06/03現在の最新は Ruby 2.0.0-p481 (x64)
  2. rubyinstaller-2.0.0-p481-x64.exe を実行して、「Ruby の実行ファイルへ環境変数 PATH を設定する」のチェックをオンにしてインストールする。
  3. [Windows キー] + [R] を押して cmd を実行する。
  4. Ruby の動作確認を行う。
    > ruby -v
    ruby 2.0.0p481 (2014-05-08) [x64-mingw32]
  1. RubyGems のエンコーディングをUTF-8に設定する。
    > set LANG=ja_JP.UTF-8
  2. 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
    ...
  1. 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
  2. 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
  • windows/sass_compass.txt
  • 最終更新: 2019/05/18 02:23
  • by 非ログインユーザー