atomでsass(scss)のwatchオプションが効かない。

Question

###前提・実現したいこと
atomを上書き保存すると、sassのwatchオプションが働き、scssをcssに変換してほしい。

vagrantのvagrantfileにwindowsのエクスプローラとの共有フォルダの設定を記述し、windowsのエクスプローラから、atomでファイルを開き、開発できる環境で行っています。

###発生している問題・エラーメッセージ
atomより、ctrl+s で上書き保存してみるもwatchオプションが働きません。
もちろん、コンソールから確認するとscssファイルは更新されています。
また、viエディタでscssファイルを変更するとwatchオプションが働きます。

>>> Sass is watching for changes. Press Ctrl-C to stop.
      write css/hoge.css
      write css/hoge.css.map
>>> Change detected to: scss/hoge.scss
      write css/hoge.css
      write css/hoge.css.map

viエディタで編集すると、上のように更新が働きますが、atomで上書き保存すると、更新されないとういう状況です。

どのようにしたらよいでしょうか。

※追記
windowsにもrubyをインストールして、エクスプローラにあるファイルはwindows側のrubyでコンパイルしていくのがやはり現実的でしょうか。
Vagrant+SCSSで開発されている方はどのように開発しているか伺いたいです。

Answer 1

SASSをCSSに生成してくれる方法のサイトを見つけました。

https://atom.io/packages/atom-sass（英語ページです）
↑
Open any sass file which has .scss extension.
└→.scss拡張子を持つsassファイルを開きます。
Press Alt + Ctrl + c to watch the files for changes.
└→｢Alt｣+｢Ctrl｣+｢c｣を押してファイルの変更をします。
Upon modification save, it will automatically compile the scss file and generate .css file.
└→変更を保存すると、自動的にscssファイルがコンパイルされ、.cssファイルが生成されます。

atom-sassをインストールするには、atom package managerを使用してくださいの事だそうです。

Comments

[nanamin]

有難うございました！
試してみます。