LoginSignup
1
1

More than 3 years have passed since last update.

sassをいれる時にハマった

Last updated at Posted at 2019-10-13

🍀まえがき

■書いてあること

SCSSを試してみようとして環境構築しようとしたら、わりとハマったのでメモ

■下記の症状に効能があります

  • とりあえずscss使えるようにしたい
  • bashrcとかなんやねん
  • rubyでパーミッションエラーになる
  • rbenvしたけどバージョンが切り替わらない
  • bashrcが見つからない
  • bashrcになんて書いたらいいかわからない

■メインコンテンツ

  • 主な流れ
    • homebrew入れる
    • rbenv入れる
    • 最新のruby入れる
    • rubyのパスと通す
    • sass入れる

いきなりsassを入れようとしてみる

下記のように怒られる!!!💢

$ sudo gem install sass
ERROR:  While executing gem ... (Gem::FilePermissionError)
    You don't have write permissions for the /usr/bin directory.

https://qiita.com/kolife/items/08d9abb02dcb189bebfc
要はrubyのバージョンが古いってことらしい?

homebrew入れる

とりあえず下記を実行

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

homebrewは色々と便利なツールを簡単にインストールしたり管理したり出来るやーつ。
ruby周りは何をするにしてもまずはこれを入れることから始まる。

rbenv入れる

まずはrubyの現在のversionを確認
こんな感じ

$ ruby -v
ruby 2.3.3p222 (2016-11-21 revision 56859) [universal.x86_64-darwin17]

とりあえず下記を実行

$ brew install rbenv ruby-build

最新のruby入れる

$ rbenv install (インストールしたいバージョンを指定)
例えばこんな感じ
$ rbenv install 2.6.5

バージョンはここで確認しよう
https://www.ruby-lang.org/ja/documentation/

最新バージョンを取得したらそのバージョンに切り替える

$ rbenv versions
* system
  2.4.2
  2.6.5 (set by /Users/tadatsugu.sampei/.rbenv/version)
$ rbenv global 2.6.5

切り替えたらバージョンを確認

$ rbenv versions
  system
  2.4.2
* 2.6.5 (set by /Users/tadatsugu.sampei/.rbenv/version)

さらに確認。下記のようになれば成功

$ ruby -v
ruby 2.6.5p114 (2019-10-01 revision 67812) [x86_64-darwin19]

rubyのパスを通す

最新のrubyに切り替えたのに、ruby -vで相変わらず古いバージョンを見ている場合、rbenvにパスが通っていないので、パスを通す。
結論から言えば.bashrcファイルを編集してパスを記述すればいいのだがちょっとハマった

  • bashrcは普通はuser直下にあるらしい~/.bashrc
  • でも最初からないことがあるらしい
  • その場合は普通に新規作成をする必要がある
ホームディレクトリに移動
$ cd
新規作成
$ touch ~/.bashrc
編集(エディタとかでもok)
$ vi ~/.bashrc

編集モードになったら、何も考えずに下記を貼り付ける

[[ -d ~/.rbenv  ]] && \
  export PATH=${HOME}/.rbenv/bin:${PATH} && \
  eval "$(rbenv init -)"

設定ファイルを読み込ませる

$ source ~/.bashrc

思い通りのパスになってるか確認

$whichして確認する

ダメなパターン

$ which ruby
/usr/bin/ruby

$ which gem
/usr/bin/gem
OKなパターン

$ which ruby
/Users/hoge/.rbenv/shims/ruby

$ which gem
/Users/hoge/.rbenv/shims/gem
1
1
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
1