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

Emmet

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

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

使い方

基本は入力したら、[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と検索しても情報が得られます。。

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください