文字数のカウント方法
Chromeで簡単に文字数をカウントする方法 Chromeの拡張機能を使えば簡単にカウントで...
Chromeで簡単に文字数をカウン...
2020年11月9日
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のチートシートよりご確認ください。
