デイトラweb制作初級編 DAY4

VS Codeのプラグインをインストール
Live Server(変更がリアルタイムに反映)のような、便利にしてくれるプラグインをインストール。
起動したいときのショートカット ↓↓↓
Macのショートカット
起動 Command + L から Command + O
終了 Command + L から Command + C
Windowsのショートカット
起動 Alt + L から Alt + O
終了 Alt + L から Alt + C
Chromeの検証機能
検証機能を開く手順
1. VS Codeで使いたいフォルダを開く
2. ファイルの上で右クリックして、Live Serverを起動
3. Chromeで検証画面を開く(F12キー)
※検証機能でhoverを出したいときは「:hov」を使う

Emmetとは
Emmet・・・HTMLとCSSの入力を補完してくれる → タイプミスが少なくなる、タイピングによる疲労が減るなどの利点
Emmetの使用例
・「ul>li*3」
<ul>
<li></li>
<li></li>
<li></li>
</ul>
・「dl>dt+dd」
<dl>
<dt></dt>
<dd></dd>
</dl>
まとめ
プラグインをインストールしただけで、VS Codeの使用感がかなり変わりました!
特にLive Serverは、今までちょっとずつ保存して、更新してを繰り返して確認してたので、それをしなくても済むようになって感動しました!