Sassを使うまでに必要なもの（Mac）

カテゴリー：未分類

Sassを使うまでに必要なもの（Mac）
- XcodeのCommand Line Tools
- homebrew
- rbenv
1.XcodeのCommand Line Tools

homebrewを使うにはXcodeのCommand Line Toolsが必要。

Command Line ToolsはMacで利用できるコマンドラインツールです。そしてコマンドラインツールとは、コマンドを入力して操作するアプリケーション、CUI(キャラクターユーザーインターフェース）のことです。

Xcodeをインストールもしくは、Command Line Toolsを単独でインストール。

Xcodeインストールコマンド
```
xcode-select --install
```
```
sudo gcc --version
```
2.homebrew

rbenvをインストールするためには「homebrew」が必要。

Homebrew（ホームブルー）は、macOSオペレーティングシステム上でソフトウェアの導入を単純化するパッケージ管理システムのひとつである。

homebrewのインストール

こちらはまず、ターミナルにて　
```
brew -v
```
と打ち込み、
```
brew: command not found
```
と表示された場合はインストールする必要がある。

公式サイトで最新を確認
```
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```
こちらをそのままコピーしてターミナルに打ち込むとインストールできる。

3.rbenv

rubyを使うにはrbenvが必要。macの中にはrubyが初期で入っている。rubyのバージョン管理を行うためにrbenvが必要。

rbenvは、複数のRubyのバージョンを管理し、プロジェクトごとにRubyのバージョンを指定して使うことを可能としてくれるツール。

rbenvをインストール

まず
```
rbenv -v
```
と打ち込んでみる。

そして
```
rbenv: command not found
```
と表示された場合はインストールをする。
```
brew install rbenv ruby-build
```
こちらをコピーしてそのままターミナルへ

インストール後再度
```
rbenv -v
```
でインストール出来ているか確認。

実行環境を確認しインストールしたrbenvの設定をしておく

次のコマンドを実行
```
echo $SHELL
```
実行結果が
```
/bin/bash
```
の場合、以下のコマンドを実行してください。
```
echo 'eval "$(rbenv init -)"' >> ~/.bash_profile
```
```
source ~/.bash_profile
```
実行結果が
```
/bin/zsh
```
の場合、以下のコマンドを実行してください。
```
echo 'eval "$(rbenv init -)"' >>  ~/.zshrc
```
```
source ~/.zshrc
```
これでrbenvの設定は完了です！

4.ruby

インストールしたrbenvを用いてRubyをインストール

rbenvでは複数のバージョンのRubyを使用することができます。ではどのようなバージョンのRubyがインストールできるか確認してみましょう。

以下のコマンドをターミナルで実行。
```
rbenv install --list
```
すると、インストールすることが可能なRubyのバージョン一覧が表示されます。

使用したいバージョンを選んでインストール。
```
rbenv install 2.○.○
```
インストールが終わったら、以下のコマンドを実行

現在インストールされている Ruby を一覧で確認することができます
```
rbenv versions
```
インストールしたバージョンのRubyを使用するように設定を変更。

以下のコマンドを実行してください。
```
rbenv global 2.○.○
```
以下のコマンドを実行して設定されているか確認。
```
ruby -v
```
PATHの設定がちゃんとできているか確認。

どこのrubyが呼ばれているかを確認してみます。
```
which ruby
```
を実行。以下のようになっていれば成功
```
/Users/ユーザ名/.rbenv/shims/ruby
```
gemも同様に確認。以下のようになっていれば成功
```
which gem
```
```
/Users/ユーザ名/.rbenv/shims/gem
```
5.gemのアップデート

最後にSassをインストールする前にgemというものをアップデートする必要がある。

※GemはRubyGemsが公開しているライブラリのこと。Gemを使うことで簡単に機能を実装できるメリットと、バージョンによる相性問題や多用しすぎた場合の保守が大変になるデメリットがある。
```
sudo gem update --system
```
6.Sassをインストール

sudo gem install sass

こちらのコマンドでSassのインストール開始。
```
sass -v
```
で無事にバージョンが確認されれば成功。

Sassのアップデートは以下のコマンド
```
sudo gem update sass
```
投稿日：2022年04月01日

未分類

Sassを使うまでに必要なもの（Mac）

Sassを使うまでに必要なもの（Mac）

1.XcodeのCommand Line Tools

2.homebrew

homebrewのインストール

3.rbenv

rbenvをインストール

4.ruby

5.gemのアップデート

6.Sassをインストール

アーカイブ