【Brackets】ライブプレビュー有効化・使い方

この記事では、Bracketsをライブプレビュー機能して使う方法についてまとめてみました。

## ライブプレビュー機能

ライブプレビュー機能とは、作成したHTML, CSS, JavaScriptのコードをブラウザでテストして確認する機能です。

Bracketsでは、以下の２通りの方法でライブプレビューを行えます。
※Google Chromeを事前にインストールする必要あり

①右上の稲妻アイコンをクリック
②メニューから「ファイル」→「ライブプレビュー」をクリック

コードを編集する度にリアルタイムでブラウザの表示も変化するため、いちいち更新ボタンを押す手間がかからず便利です。