エディタを使ったテクニック Emmet Emmetは、HTMLやCSSを省略記法で入力することができるツールのようなものです。 Emmetを使ってコードを書くことで、かなりの時間短縮になります。 VScodeではEmmetが標準搭載されているので、 特にインストール等が必要なく誰でも最初から使えるようになっています。 Emmetを使った記述法はとても簡単ですので是非使ってみてください。 いくつか個人的によく使う記法を紹介します。 「!」でHTML雛形を展開 !(半角びっくりマーク)を入力して、「Tab」もしくは「Enter」を押すとHTMLの雛形が一気にあらわれます。 「.」でclass名を付与 .(ドット)をつけて、「Tab」もしくは「Enter」を押すと、以下のようにclass付与をしてくれます。 ちなみにタグを省略すると、デフォルトでdivになります。 「#」でid名を付与 #(シャ