最近工作上開發 web ,套版需要一直調頁面,一直重新 reload ,久了真得很煩。
感謝 Terry 推薦使用 livereload ,再裝 chrome 插件,裝完後果然自動更新了,真方便,省了不少時間。
LiveReload 提供了監視檔案變動,並通知 browser reload 的功能。
安裝方式 (Mac)
- LiveReload 官網
http://livereload.com/extensions/
- LiveReload 瀏覽器 extensions
http://livereload.com/extensions/
- homebrew 方式安裝
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" < /dev/null 2> /dev/null ; brew install caskroom/cask/brew-cask 2> /dev/null
$ brew cask install livereload
參考連結
http://macappstore.org/livereload/
- 我自己是用 npm 裝來用
$ npm -g livereload
- 裝好後,指定要監視的目錄,執行命令
$ livereload ./src
- 執行後就會看到下列訊息
Starting LiveReload v0.6.3 for /Users/kz/Go_Projects/src/api/src on port 35729.
這樣子每次檔案有 存檔/更新 時,頁面就會自動刷新。
留言