HbuilderショートカットTAB使用

1058 ワード

ショートカットキーTABは、以下のショートカット生成コードを使用してHbuidlerやWebStormなどのフロントエンドツールに共通しています
1.ラベルの迅速な生成
フォーマット:ラベル名tabキーによるラベルの自動生成
例:
div生成
2.複数のラベルをすばやく生成
書式:ラベル名*n TABキーを押すと自動的にn個のラベルが生成される
例:
div*3生成
3、コンテンツの迅速な生成と追加
形式:タグ名{コンテンツ}タグを生成し、タグに内容を書き込む
例:
div{これは私のdiv}生成です
これは私のdivです.
div{複数div}*2も生成可能
複数div
複数div
4.異なるラベルの同時生成とネスト
異なるラベルフォーマット:異なるラベルdiv+pを+で接続してもdiv{私はdiv}+p{私はp}または(div{私はdiv}+p{私はp})*3
ネストフォーマット:要素間のネストdiv>pを親子セレクタフォーマットで書くこともできますdiv>div>p div{私はdiv}>div>p*2

5.ラベルid快速生成
フォーマット:ラベル名#id名の例:
div#idname Tabキーで生成
6.ラベルclass快速生成
書式:ラベル名.class名
例:div.classname Tabキーで生成
以上は任意に組み合わせることができますが、ラベル間の関係をバンドルするには()を付けることに注意してください.(div#id{idのあるdiv}>p)+(div.class{classのあるdiv}*3))
idのあるdiv
classのあるdiv
classのあるdiv
classのあるdiv
7.ラベル非id、非class属性の迅速な生成
フォーマット:ラベル名[属性名1=値1][属性名2=値2]...[属性名n=値n]書き終わったらtabキーを押して例えば:img[src="tly.jpg"][alt="ロードできない"][title="美人"]