スクールでの頻出エラー
2022年3月18日[スクールでよくある質問] HTMLの変更をすぐに知りたい! 爆速開発その1
![](https://diveintocode.s3-ap-northeast-1.amazonaws.com/uploads/eye_catch/blog/474/23004875_s.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T031638Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWFR7K2KHQDYVHJA/20240727/ap-northeast-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=62bb1d41c8b087cc12119a9652f0b3ea08d6d956abceaade2fac7c4c5ab066ce)
htmlを記述した後に変更を確認するためにリロードします。当たり前の作業ではありますが毎回行うと面倒です。リロードの手間を省く実例を紹介します。
学習時の状況やレベル
- 学習時期:HTML・CSS学習初期
- 受講生が既に学んでいること:作成したHTMLファイルをブラウザで確認する方法
こんにちは!
ディープロ mentorの齊藤です!
今回は、知っていると作業が捗るHTMLの動作確認について紹介します!
エンジニアは効率的な作業をすることがとても大事です。
スクールでのとあるやりとり
VSCode拡張機能:Live Serverインストールページ
静的および動的ページのライブリロード機能を備えたローカル開発サーバーを起動します。
- インストール(VSCode拡張機能:Live Serverインストールページ)
- VSCode画面右下のGo Liveボタン押す
- HTML・CSSファイルを変更するだけ
まとめ
- テキストエディタの拡張機能を使う
- 変更されない場合はリロードしたりLive Serverの再起動する
ディープロでは5月期の受講生を募集中!興味を持った方や、学習に関して悩みがある方は是非説明会にご参加ください!