VisualStudioCodeでSassを使う方法

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

VisualStudioCodeでSassを利用する方法についてまとめました。

 

Sassのインストール

  • 手順1 Rubyをインストールする(Macは最初からインストールされているので不要)
  • 手順2 Sassをインストールする。ターミナルで以下のコマンドを実行。

    sudo gem install sass
  • 手順3 パスワードを入力

Sassのコンパイル

  • 手順1 .scssファイルを新規作成する
  • 手順2 ターミナルでscssファイルの場所に移動し以下のコマンドを実行

    sass --watch sass [ファイル名].scss:[ファイル名].css

そうすると、scssファイル保存時に、cssファイルが自動的に作成されます。
既に同じファイルがある場合は上書きされるので注意。

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

SNSでもご購読できます。