デイトラweb制作初級編 DAY9

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やショートカットキーを覚えれば、もっと作業効率が良くなるかもしれません。

少しずつでもいいので、使って覚えていきたいと思います!

コメントを残す

メールアドレスが公開されることはありません。