今天需要做一個簡單的介紹展示頁面，無需webpack這類的腳手架，裝了兩個包就能開始開發了。

環境需求：

• 自動刷新
• 編譯css

使用兩個包就可以了：
browsersync 監聽變動 自動刷新頁面
stylus 寫css一直比較喜歡這個css預處理框架，因為簡潔

安裝browsersync

安裝
npm install -g browser-sync

監聽文件
browser-sync start --server --files "css/*.css"
browser-sync start --server --files "**/*.css, **/*.html"
browser-sync start --server --files "css/*.css, *.html"

動態網站
// 主機名可以是ip或域名
browser-sync start --proxy "主機名" "css/*.css"
browser-sync start --proxy "Browsersync.cn" "css/*.css"

安裝 stylus

npm install -g stylus

自動編輯
stylus -w css/style.styl -o css/

壓縮
stylus --compress css/