BrowserSync 使い始めメモ
BrowserSync を Windows で使ってみるメモです。
公式ページ以上のことは書いていません。
http://www.browsersync.io/
前提
- Node.js と npm はインストール済みであること
- 静的ページで使う
- ルートに index.html があり、cssフォルダに各 css ファイルがある。
- Visual Studio が入っていること → http://www.visualstudio.com/
- Visual Studio 2013 Update 4. で Repair しておくとよりよい → http://www.microsoft.com/ja-jp/download/details.aspx?id=44921
インストールして使ってみる
- ターミナルで
npm install -g browser-sync --msvs_version=2013
- インストールされるのでしばしまつ
- ルートにしたいフォルダに移動
browser-sync start --server --files "css/*.css , *.html"
- しばしまつと・・・勝手にブラウザが開く
- css/*.css を修正してみると・・・動く!動くよ!楽しい。
動かない、インストールできないなど、不具合があったら
上記は 2015/2/28 の情報です。
常に情報が変わるようなので下記で確認が必要。
http://www.browsersync.io/
http://www.browsersync.io/docs/