概要Webアプリケーションのフロントエンドを開発する際、ブラウザを開いて適宜動作確認しながらHTML/CSS/JavaScriptのコーディングを進めていくことが多い。典型的には、ファイルを編集した後にブラウザに反映させるため、手動でリロードを行う必要がある。これは一見大した手間ではないが、何度も繰り返していると面倒になってくる。使えば、そのリロード作業を自動化することができる。インストールされていなければインストールする。https://nodejs.org/ja/Browsersync次のコマンドを実行する。コマンドが使えるようになる。~/example-app/)。~/example-app/次のコマンドを実行する。指定したファイルが開かれる。指定したファイル─開発ディレクトリ配下の全HTML,CSS,JavaScriptファイル─の更新が監視されている状態)試しに何かファイルを編集してみると、自動でブラウザがリロードされることが確認できる。サーバを立ち上げている。指定されたファイルの更新を監視し、更新を検知した場合はブラウザにメッセージを送り、リロードを行う。オプションを指定してプロキシサーバとして動作させることも可能。--files='**/*.html,**/*.css,**/*.js'監視対象のファイルの指定。することで再帰的にサブディレクトリを辿って監視対象にしてくれる。ように先頭にディレクトリ名を付け加えれば良い。--startPath=/dist/index.html最初に開くファイルの指定。サーバが使うポート番号を変更できる。省略時は3000--browser今回は指定していないが、指定することで立ち上げるブラウザを変更できる。省略時はユーザのデフォルトブラウザ。パッケージを使っているので詳しくはそちらのドキュメントを参照)--no-notify今回は指定していないが、指定することで画面右上に出てくる通知を非表示にできる。編集トップへ戻る閉じる。