デイトラweb制作初級編 DAY4
nakano
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は、今までちょっとずつ保存して、更新してを繰り返して確認してたので、それをしなくても済むようになって感動しました！
