VSCode:HTMLを素早く入力する

VSCode:HTMLを素早く入力する

VSCodeでHTMLを入力する際 "!"+[ENTER](もしくはTAB)すればHTMLテンプレートが展開され "."+[ENTER](TAB)と入力すればdivが展開される。
これって便利だなぁーと思っていたが、これは "Emmet" というVSCodeに限らない一般的な機能らしい。

https://ja.wikipedia.org/wiki/Emmet
https://emmet.io/
VSCodeをWebサイト開発用ツールに ―HTML/CSS/JavaScriptエディタとして強化しよう!

いろんな機能があるようですが、いまのところ使いそうなのは
記法 説明
! HTMLテンプレート
!!! DOCTYPE宣言
.クラス名 DIVタグ+クラス名
タグ名*数字 繰り返し
[CTRL]+[/] コメント挿入


Visual Studio Code VSCode Emmet HTML

0 件のコメント:

その他の記事