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

2018年:Cocotiie(ココッティー)・・・ここちいい(笑)として運営開始。

Trial And Errorの精神で勉強中です。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。
テーマをSWELLにしてリニューアルしましたSWELLについて

使って欲しい!Visual Studio Codeで楽々コーディング 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と検索しても情報が得られます。

よかったらシェアお願いします

コメント

コメントする

INDEX
閉じる