Windows10にSassをインストールしてみました


 

Windows10にSassをインストールしてみました。
WindowsにはRubyがインストールされていないので、Sassインストールの前にRubyをインストールする必要があります。
ついでにCompassもインストールしました。

スポンサーリンク

インストール手順

  1. Rubyのインストール
  2. Sassのインストール
  3. Compassのインストール

Rubyのインストール

まずはRubyのインストールです。
Rubyインストールファイルを下記からダウンロードします。

RubyInstaller for Windows
The easy way to install Ruby on Windows This is a self-contained Windows-based installer that includes the Ruby language, an execution environment, important...

「Download」ボタンをクリックします。


 

RubyInstallersからインストールしたいRubyのバージョンをクリックしてダウンロードします。
数字が大きいほど最新版です。
インストールしたいPCが64ビットなので、「Ruby 2.2.3(x64)」をダウンロードしました。
PCが32ビットの場合は、(x64)の記載がないものをダウンロードしてください。


 

任意の場所を指定してダウンロードします。
今回はデスクトップにしました。


 

デスクトップにダウンロードした「rubyinstaller-2.2.3-x64.exe」をダブルクリックしてインストール開始します。


 

画面の指示に従って進んでいきます。


 

「同意する」にチェックをいれて「次へ」


 

「Rubyの実行ファイルへ環境変数PATHを設定する」にチェックを入れて「インストール」


 

「完了」


 

これでRubyはインストールされました。
インストールされているか確認してみます。
「Windowマークキー + r」でファイル名を指定して実行画面をだし、「cmd」と入力します。


 

コマンドプロンプトが表示されるので、 ruby -v と入力して Enter を押します。


 

rubyのバージョンが表示されているので無事インストールされていることが確認できます。


 

Sassのインストール

次にSassをインストールします。
コマンドプロンプトを立ち上げて下記を入力して Enter を押します。

gem install sass

 

つらつらと英語が表示されてインストールされます。


 

きちんとインストールされていることを確認するため、 sass -v と入力して Enter を押します。


 

バージョンが表示され無事インストールされています。


 

Compassのインストール

次にCompassをインストールします。
基本はSassのインストールと同様です。

コマンドプロンプトを立ち上げて下記を入力して Enter を押します。

gem install compass

 


 

つらつらと英語が表示されてインストールされます。


 

きちんとインストールされていることを確認するため、 compass version と入力して Enter を押します。


 

バージョンが表示され無事インストールされています。


 

新入社員の頃にシステムエンジニアの会社に入社。その後、WEB制作系の仕事に転職しました。

くるりんをフォローする
html・css
スポンサーリンク
くるりんをフォローする
Memorandums