sass 環境構築 mac

http://book.scss.jp/code/c2/02.html

[インストール]
gem install sass
[gemアップデート]
gem update --system
     [↑アップデート時既に最新版の場合の表示]
     Latest version currently installed. Aborting.
[Sassをアップデートする]
gem update sass
     [↑アップデート時既に最新版の場合の表示]
     Nothing to update


(おまけ)
アルファ版を先行してインストール
gem install sass --pre

アンインストール・バージョンを戻す
gem uninstall sass

バージョンを指定してインストールする
gem install sass -v 指定のバージョン

Web開発環境構築 on Mac 【Sass、Compass編】
https://qiita.com/s_0_a_r_/items/4233cf9df5af654a6109

[sassインストール確認]
sass -v
   [result] 例)
   Ruby Sass 3.5.7


[Compassのインストール]
sudo gem install compass

[Compassのインストール確認]
compass -v
  [result]
  Compass 1.0.3 (Polaris)
  Copyright (c) 2008-2018 Chris Eppstein
  Released under the MIT License.
  Compass is charityware.
  Please make a tax deductable donation for a worthy cause: http://umdf.org/compass



ノンプログラマーがMacでCompassを導入してみた
https://qiita.com/u39/items/cfadfbfb7a5bd2d829e3
↑プロジェクト作成とかあるよ

     compass pj DIR = [/Users/xxx/dev_area/compass_samples]

     pj作成コマンド

cd /Users/xxx/dev_area/compass_samples
compass create --sass-dir "scss" --css-dir "css" --javascripts-dir "js" --images-dir "img" 

     config.rbの設定(PJ設定ファイル)


          compass コンパイル(CSSファイル作成)→これで、CSSフォルダにcssが書き出される。
compass w

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク