小賴的實戰記錄

同事使用Atom來編輯SCSS，只要SCSS變更儲存之後，SCSS就會自動編譯成CSS檔，而且很自動的變更

心想，挺好的，所以我也去下載來玩玩看。

Atom下載位置

然後，同事說，需要裝套件，及ruby

https://atom.io/packages/atom-sass

我按照文章，執行了

gem install sass

及

apm install atom-sass

並且建立了Sass資料夾及檔sass.scss

.message, .success, .error, .warning {
  border: 1px solid #cccccc;
  padding: 10px;
  color: #370;
}

.success {
  border-color: green;
}

.error {
  border-color: red;

}

.warning {
  border-color: yellow;
}

只要在Atom使用Ctrl+Alt+C，他就會開始監視你的scss檔，

只要檔案有任何的變更並且儲存改變

他就會出現「Successfuly compiled」的訊息出來。

至於SCSS，我在研究怎麼撰寫就好了。