1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Sassインストール解説 初心者向け

Last updated at Posted at 2015-03-18

今回はインストール手順を出来るだけ簡潔で丁寧に解説します。
初心者向けと言うこともあり、必要なものが必要な理由は特に説明しません。
例えばなぜRubyがいるのかとか、Rubyが何なのかとかは説明しません。
手順だけを解説していきます。

環境

Windows8.1
Ruby 2.2.1
Sass 3.4.13

インストール手順

Rubyのインストール

下記のHPにアクセスし、インストーラーを入手します。
http://rubyinstaller.org/downloads/

Ruby 2.2.1
Ruby 2.2.1 (x64)
のように2種類リンクがあると思いますが、上が32bitのWindows向け。
下のx64とついている方が64bitのWindows向けです。

もしどっちかわからない場合は、[Windows]キーと[x]キーを同時押しして、
出てくるメニューから「システム」を選択します。
表示された画面に「64ビット オペレーティングシステム」等の記載があるので
そちらで確認してください。

ダウンロードしたファイルを実行します。
日本語→同意する→「Rubyの実行ファイルへ環境変数PATHを設定する」にチェック→インストール
これでRubyのインストールは完了です。

無事インストール出来たか確認しましょう。
[Windows]キーと[x]キーを同時押しして、メニューから「コマンドプロンプト」を選択します。
黒い画面が出てきたら、ruby -vと入力してエンターキーを押します。
「ruby 2.2.1~」のようなメッセージが出たら成功です。

Sassのインストール

引き続き「コマンドプロンプト」を使用します。
gem sass installと入力してください。
成功すればそのままインストールされ、画面にSuccessfullyとかinstalledと出ます。

成功した方はお疲れ様でした。
インストールは完了してます。

もしERRORのようなメッセージが出た方は対処法を別で書きます。
ちなみに僕はエラーになりました(´・ω・`)

Sassのインストールでエラーになった
http://qiita.com/cro46/items/d8f140b2178af56de7e3

次回はGulpを使って実際にSassを使ってみます。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?