CSS更新後の勝手にスクロールされる現象、止めましょう【LiveServer/VSCode】

本記事について

VSCodeと拡張機能Live Serverをお使いの皆さん、
Webコーディングをしていて、ブラウザが自動更新されると勝手にスクロールされてページの場所が変わってしまいませんか？特にCSS変更中だと嫌な現象です。

これ、簡単に防ぐことができます！

Windows・Mac両対応 です

設定は簡単

1. VSCodeで設定を開く

Ctrl + ,(コントロールキー + コンマキー)、もしくは左下の歯車マークから設定を開いてください

2. "Full Reload"を検索

検索画面で、Full Reload と検索してください。

3. Full Reloadの項目にチェックを入れる

Live Server > Settings: Full Reloadの項目(おそらく最初に出てくる)の項目にチェックを入れてください。

4. VSCodeを再起動

一度VSCodeを閉じて、再起動してください。すると...

まとめ

今回は、よりWebコーディングを快適にする設定を解説しました。
ぜひ、ご活用くださいませ。