Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
テーマをSWELLにしてリニューアルしましたSWELLについて

使って欲しい!Visual Studio Codeで楽々コーディング Emmet

Emmet

コーディング初心者にも使てほしいです!!Emmet は、以前Zen-Codingと呼ばれていました。少しの入力でコードを書くことが出来るエディターを補助してくれるアプリケーションです。もの凄く時間を短縮できますし、腱鞘炎予防にもなります。(笑)

DreamweaverやAtom にもインストールする事が出来ますが、Visual Studio Codeにはすでに組み込まれていますので、そのまま使用できます。

INDEX

使い方

基本は入力したら、[tab]を押すだけ

例えば、h1{Cocotiie web} と入力して、[tab]を押すと、こうなります。

<h1>Cocotiie web</h1>

もう1つ例題を。 ul.class>li*3 と入力して、[tab]を押すと、こうなります。

<ul class="happy">
    <li></li>
    <li></li>
    <li></li>
</ul>

チートシート(あんちょこ)

https://docs.emmet.io/cheat-sheet/ からダウンロード出来ます。

覚えてしまうと、コーディングが本当に便利ですZen-Codingと検索しても情報が得られます。

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA

INDEX
閉じる