webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

sass

バッチ処理/シェルスクリプト その1

「--watch」オプションは、scssファイルが書き換えられると自動でコンパイルされて、cssファイルも書き換えられる。 scssフォルダ内のstyle.scssファイルを「--watch」して、書き換えたら「--style expanded」でcssフォルダ内のstyle.cssを更新する。 という…

sass complie output option

「windows」+「R」、「cmd」 「sass test.scss:test.css」と入力する。 と、このように出力される。このようにオプションを指定しないと「nested」オプションになる。 次に、「sass test.scss:test.css --style expanded」と入力する。 するとこのように表示…

sass command prompt

「windows」+「R」 ファイル名を指定して実行 「cmd」 コマンドプロンプトの表示 「ホームフォルダ」以外にあるscssファイルをコンパイルするときには、ファイルのあるフォルダを「shift」+「右クリック」するとそのフォルダに移動できる。

sass to css

sassのファイル(.scss)をcssに変換する→コンパイル Sassコマンドの使い方を覚えよう | Web制作者のためのSassの教科書 - 公式サポートサイト 「test.scss」をホームフォルダ→c: ¥users¥(アカウント名)のおく。 ホームフォルダに置いた「test.scss」を…

sass install windows

RUBYのインストール 「windows」+「R」でファイル名を指定して実行 「cmd」と入力してコマンドプロンプト 1行目はOSのバージョン 2行目はコピーライト 3行目、ファイルパスの後にに入力する。 RUBYがインストールされているか確認する コマンドプロンプト…