Emacsでhtmlのリアルタイムプレビュー

Emacsとブラウザを使って、htmlファイルをリアルタイムでプレビューしながら編集する方法です。

プレビューを開始

次の手順でリアルタイムプレビューを行う。

1. サーバを起動：M-x httpd-start
2. プレビューしたいバッファを開いてimpatient-modeをONにする：M-x impatient-mode
3. ブラウザでhttp://localhost/8080/impにアクセス
4. impatient-modeがONになっているファイルの一覧が出てくるので、表示したいものを選択

CSSを反映させておきたいときはCSSファイを編集しているバッファでも忘れずにimpatient-modeをONにしておきます。

プレビューを終了

終了するには次の手順を踏む。

1. impatient-modeがONになっているバッファでimpatient-modeをOFFにする：M-x impatient-mode
2. サーバを停止：M-x httpd-stop