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

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

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

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

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

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

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

【関連記事】
【Brackets】基本的な使い方
ES2015(ES6) 入門
Javascript入門 基本文法

コメント