本記事について
VSCodeと拡張機能「Live Server」をお使いの皆さん、
VSCodeでWebコーディングをしていて、自動更新(ホットリロード)されると勝手にページが勝手にスクロールされてちょっと嫌ですよね？
特にCSS編集中だと嫌です。
そこで、本記事ではVSCode, Live Serverをお使いの方向けに、自動更新後のページスクロールを防ぐ方法を紹介したいと思います。
Mac, Windowsどちらも対応可能です。
設定は簡単
VSCodeを開いて、
1. Ctrl + , (コンマキー)で設定を開きます
(VSCode左下の歯車マーク⚙→設定 かｒでも可能です)
2. Full Reloadと検索
1番上に出てきた、Live Server > Settings: Full Reloadの項目にチェックを入れてください
3. VSCodeを閉じて再度開くと...
HTMLやCSSを更新しても、勝手にページがスクロールされることはありません！
まとめ
今回は、Webコーディングを快適にする便利な設定を解説しました。
ぜひ、ご活用くださいませ。