デイトラweb制作初級編 DAY9

Emmetの復習
デイトラweb制作初級編 DAY4 でも学習しましたが、それ以外のよく使うパターン
Emmetの使用例
・「fz16 + Tabキー」 → font-size: 16px;
・「mb32 + Tabキー」 → margin-bottom: 32px;
・「p8-12-8-12」 → padding: 8px 12px 8px 12px;
その他のEmmetの使用例 → 参考ページ https://docs.emmet.io/cheat-sheet/
VS Codeのショートカットキー
VS Codeのショートカットキー一覧は
「ヘルプ→キーボードショートカットキーの参照」で見られる
→ 少し使いづらいため、他のチートシートを印刷してデスクの目につくところに貼っておく
(参考ページ https://qiita.com/aoi70/items/d61d5cf9030ac3ce55f0)
まとめ
前の学習でサイトを仕上げてしまったので、
今回は短いですがコーディングの効率化において重要なことをまとめました!
ゼロからサイトを作るのに約5時間がかかった私ですが、
Emmetやショートカットキーを覚えれば、もっと作業効率が良くなるかもしれません。
少しずつでもいいので、使って覚えていきたいと思います!