テキストエディタATomにHTMLプレビュー拡張機能 Atom HTML Previewをインストールする方法

自宅で学べるオンラインのプログラミングスクール TechAcademy

編集中のhtmlやCSSファイルをすぐさまプレビュー画面確認したいとおもったことはありませんか？
テキストエディターAtomに拡張機能「Atom HTML Preview」を追加すれば、便利にプレビュー表示ができます。

Atom HTML Preview

atom-html-preview

https://atom.io/packages/atom-html-preview

A live preview tool for Atom Editor.

Atom

「Atom HTML Preview」とは、テキストエディターAtomでHTMLやCSSをプレビュー表示するための拡張機能です。
テキストエディターAtomには様々な拡張機能が「パッケージ」として配布されています。

Atom HTML Previewのインストール方法

Atomの設定画面を開きます。
（Macショートカットキー　⌘,）

上部メニューのAtom ➔　環境設定を選択

インストール➔「Atom HTML Preview」で検索➔「Install（インストール）」をクリック

追加完了です。

最後に

テキストエディターAtomに拡張機能「Atom HTML Preview」を追加する方法を解説しました。