JavaScript ○○以外をクリックしたときの動き
特定の箇所以外のところをクリックした時に動くようにしたい時のコードの書き方 と記述す...
特定の箇所以外のところをクリックし...
2020年10月25日
html、cssのコードを記述する時Emmetを使えば書く時間を大幅に短縮することができますのでこの機会にぜひインストールし使っていきましょう！
Emmetとは
VScode等のエディターのプラグインでコードを楽に書くことができます。今回はその中でもよく使うもを紹介したいと思います。
エディター → VScode
VScodeであればEmmetがデフォルトで入っていますのでインストール等の手間が省けます。
以下の記事でもVScodeをお勧めする理由を書いています。
使用頻度ランキングTOP5
私がよく使っているショートカットです
- .class
- #id
- ul>li*5
- !
- tac
１ .class
.classと入力すると
となります。何回も使ってます。
２ #id
#idと入力すると
となります。.classと同じ感じですね。
３ ul>li*5
ul>li*5と入力すると
となります。最後の数字５がliの数になります。コピペしなくて済むので便利です。
４ ！
！と入力すると
となります。HTMLのテンプレートが一瞬で書けます。
５ tac
こちらはcssです。tacと入力すると
となります。text-alight:center;はよく使うだけに便利です。
他にもたくさんの種類がありますので、もっと知りたい方はEmmetのチートシートよりご確認ください。
