質問: ### 前提・実現したいこと 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で開発されている方はどのように開発しているか伺いたいです。
回答: 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を使用してくださいの事だそうです。