NULL

[Atom] SCSSの自動コンパイル

殴り書きメモ。。。

ファイルを保存したら自動的にコンパイルするようにしてみます。
sass-autocompileパッケージを使用します。
また、事前にnode-sassをインストールしておきます。

# npm install node-sass

インストール完了後、node-sassのパスをメモっておきます。

$ which node-sass
/Users/Libero_Imac/.nodebrew/current/bin/node-sass

Atomを起動して、環境設定を開きます。
「+ Install」メニューを選択します。
検索フィールドに「sass-autocompile」と入力して、エンターキーを押します。
検索結果の1番目に来ると思うので、「Install」ボタンを押下します。

インストール完了後、自動的に設定画面が開きます。
開かない場合は、「Packages」→「sass-autocompile」から開けます。

コンテンツ下部に「Path to ‘node-sass’ command」という入力欄があるので
先ほどメモを取ったnode-sassのパスを入力します。

e.g.) /Users/Libero_Imac/.nodebrew/current/bin/

scssファイルを保存して、コンパイルエラーが出なければ成功です。

1件のコメント

コメントする

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください