WordPress・WEB系の開発(プログラム)関係や技術情報ほか、技術情報全般を掲載

  • このエントリーをはてなブックマークに追加

Windows環境にSassとCompassをインストールする(Rubyインストールから)

Sassの存在は知っていたがこれまで業務で利用してこなかったが必要に迫られたので
Windows環境でRubyのインストールからSass, Compass の利用環境構築を行った。
Rubyが必須になるためざっくりとした流れとしては、

  1. Rubyインストール(専用インストーラ下記参照)
  2. コマンドプロンプトから「gem install」で Sass と Compass をインストール

■Rubyをインストールする

ダウンロードサイトURL
https://rubyinstaller.org/downloads/

今回インストールしたRubyインストーラー
https://github.com/oneclick/rubyinstaller2/releases/download/2.4.1-2/rSubyinstaller-2.4.1-2-x64.exe
※環境によって適切なものを選ぶ
※インストーラー起動後は画面の指示に従いエンターをクリックしていくだけで特別設定なしで終わりました。

■Sassをインストールする

コマンドプロンプトを開いて「gem install」でインストールする

コマンド

gem install sass

実行ログ

C:\Users\devuser>gem install sass
Fetching: sass-3.4.24.gem (100%)
Successfully installed sass-3.4.24
Parsing documentation for sass-3.4.24
Installing ri documentation for sass-3.4.24
Done installing documentation for sass after 15 seconds
1 gem installed

■Compassをインストールする

コマンドプロンプトを開いて「gem install」でインストールする

コマンド

gem install compass

実行ログ

C:\Users\devuser>gem install compass
Fetching: multi_json-1.12.1.gem (100%)
Successfully installed multi_json-1.12.1
Fetching: compass-core-1.0.3.gem (100%)
Successfully installed compass-core-1.0.3
Fetching: compass-import-once-1.0.5.gem (100%)
Successfully installed compass-import-once-1.0.5
Fetching: chunky_png-1.3.8.gem (100%)
Successfully installed chunky_png-1.3.8
Fetching: rb-fsevent-0.10.2.gem (100%)
Successfully installed rb-fsevent-0.10.2
Fetching: ffi-1.9.18-x64-mingw32.gem (100%)
Successfully installed ffi-1.9.18-x64-mingw32
Fetching: rb-inotify-0.9.10.gem (100%)
Successfully installed rb-inotify-0.9.10
Fetching: compass-1.0.3.gem (100%)
    Compass is charityware. If you love it, please donate on our behalf at http://umdf.org/compass Thanks!
Successfully installed compass-1.0.3
Parsing documentation for multi_json-1.12.1
Installing ri documentation for multi_json-1.12.1
Parsing documentation for compass-core-1.0.3
Installing ri documentation for compass-core-1.0.3
Parsing documentation for compass-import-once-1.0.5
Installing ri documentation for compass-import-once-1.0.5
Parsing documentation for chunky_png-1.3.8
Installing ri documentation for chunky_png-1.3.8
Parsing documentation for rb-fsevent-0.10.2
Installing ri documentation for rb-fsevent-0.10.2
Parsing documentation for ffi-1.9.18-x64-mingw32
Installing ri documentation for ffi-1.9.18-x64-mingw32
Parsing documentation for rb-inotify-0.9.10
Installing ri documentation for rb-inotify-0.9.10
Parsing documentation for compass-1.0.3
Installing ri documentation for compass-1.0.3
Done installing documentation for multi_json, compass-core, compass-import-once, chunky_png, rb-fsevent, ffi, rb-inotify, compass after 15 seconds
8 gems installed

※PC環境情報:
Windows 10 Pro
64ビット オペレーティングシステム

※関連記事:
NetBeans で Sassを利用出来るようにする方法

関連記事

コメント

  1. この記事へのコメントはありません。

  1. 2017年 7月 06日
コメントは利用できません。

アーカイブ