【ローカルHTML開発】ローカル環境でホットリロードのブラウザ開発環境を作る!

ローカル環境でネット接続もせず、飛行機の中でも核シェルターの中でも、超サクサクと限りなくストレスなくコーディングしたい方向けです!

こんな感じで高速でページを作成できます!

テーマにならい手順を高速で紹介します!

cssもjsも動きます!サイトのワイヤー作成はローカルで開発が重要!ShopifyでもFutureShopでもメルカートでもEC-CUBEでも矢でも鉄砲でも火炎放射器でも持ってこいや!

以下どちらの手順も、Powershellは「管理者権限で実行」をしていること!

手順1:ローカルマシンにNode.jsをインストール

[Node.js] Windows10にNode.jsをインストールする - ねこの足跡R
諸般の事情により、Windows10にNode.jsをインストールする手順をまとめます。 とは言ってもインストーラーをダウンロードしたら、次へボタンを連打するだけで入ります。かんたん!

手順2:npm の reload パッケージをインストール

1分でホットリロードするローカルサーバーを立てる - Qiita
やりたいことHTMLページをlocalhostで立ち上げたいホットリロードさせたいやり方npm の reload パッケージを使います、以上…

手順3:Powershellでreloadコマンド実行

cd [index.htmlがあるディレクトリ]

でindex.htmlがあるディレクトリに移動して、

reload -b

終わり!

ナナイロ

ECサイト制作に強いフロントエンドエンジニア。Web関連のお役立ち技術情報を発信しています。 2025年の最新のAI生成コーディングのコースをUdemyに公開いたしました。爆速でコードを書きたい方は必見です!! さらに、今年(2025年)からVoicyのパーソナリティに挑戦し始めました!ラジオでWebエンジニアの生の声をお届けしています。