Ruby版SASSの導入(インストール)方法

SASSの導入(インストール)方法

ここでは、SASSの動作環境であるRubyとSASSのインストール方法をご紹介します。
ご紹介する環境OSはWindowsを対象としています。

  • ※ RubyのSASSは2019年でサポートが終了しており、Node.jsなどのSASSを推奨しています。

Rubyのインストール

Ruby公式Webサイトから環境に応じたインストーラーをダウンロードします。
RubyInstaller Downloads

ダウンロード後、ダウンロードしたファイルを起動します。

言語の選択を「日本語」にし「OK」ボタンを押します。

利用規約に同意し「次へ」ボタンを押します。

インストール先の指定と「Rubyの実行ファイルへ環境変数PATHを設定する」にチェックを入れ、「インストール」ボタンを押します。

インストール中の画面です。

インストールが完了したら「完了」ボタンを押します。

以上でRubyのインストールは完了です。

SASSのインストール

コマンドプロンプトを開き、次のコマンドを入力し「Enter」キーを押して実行します。

							gem install sass
						
  • ※ gemコマンドはRubyがインストールされると使用できるライブラリで、パッケージ管理が行えるコマンドです。

なお、プロキシ経由の場合は次のようにgemコマンドのオプション「-r」と「-p」を付け、ホスト名とポート番号を指定して実行します。

							gem install sass -r -p http://ホスト名:ポート
						

「1 gem installed」のメッセージが最後に表示されるとインストールが完了します。

							C:\Users\[ユーザー名]>gem install sass
							Fetching: sass-3.4.23.gem (100%)
							Successfully installed sass-3.4.23
							Parsing documentation for sass-3.4.23
							Installing ri documentation for sass-3.4.23
							Done installing documentation for sass after 3 seconds
							1 gem installed
						

以上でSASSのインストールは完了です。

SASS・SCSS逆引きリファレンス一覧へ戻る