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

PRYTHMWORKS CSS
CSS HTML JavaScript Webフォント ページスピード 検証

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

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

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

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

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

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

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

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

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

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

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

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

reload -b

終わり!

タイトルとURLをコピーしました