atom で html プレビュー

Atom エディタでコードを書きながら HTML プレビューをみたいので
パッケージを追加します

開発環境は Ubuntu 14.04 になります

まず Atom を起動し
Ctrl + , で設定画面をだします

次に、 install をクリックし、
atom-html-preview
で検索し
インストールをクリックします

atom-html

これで有効化されるので
html コードを書いたら
ctrl + shit + h で画面右側にプレビューを表示できます

atom-prev

もう一度
ctrl + shift + h を押すとプレビューを閉じることができます

最大のメリットはchrome とかで確認するときに
リロードしないと更新されませんが、
このパッケージの場合、コードをリアルタイムで反映してくれるので
HTMLの練習には最適です

このパッケージの詳細については
https://atom.io/packages/atom-html-preview
にかかれています

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です