見出し画像

【VSCode】HTML/CSSをブラウザ表示する方法

コードの変更を,すぐにブラウザで確認できる簡単な方法を紹介します.

まず,VSCodeを開いて,拡張機能「Live Server」をインストールします.
Live Server」は,ローカルサーバを立ち上げ,リアルタイムでWebページの変更をブラウザに表示します.
HTMLやCSSを編集すると,自動でページをリロードし,変更を反映してくれます.


"live server"で検索.

インストールしたら,ブラウザ表示したいHTMLファイルが入っているフォルダを開きます.

左上「エクスプローラ」,または「メニューバー」からフォルダを開く.

フォルダからHTMLファイルを開いたら,右下の「Go Live」をクリック.

Go!

これで,ブラウザ表示完了です!

いいなと思ったら応援しよう!