1. 程式人生 > 其它 >前端開發之使用vscode快捷鍵一鍵生成html結構

前端開發之使用vscode快捷鍵一鍵生成html結構

 1 <!-- 快捷輸入示例:div.form_item>(label+input[type="text"][name="test$$"]#input$$+br)*3 -->
 2 <!-- 解析:
 3 (.): 其後接當前標籤類名;
 4 (>): 其後接當前標籤節點的子節點標籤;
 5 (+): 其後接與當前標籤同級的標籤;
 6 (小括號): 優先生成小括號中的快捷標籤組合;
 7 (中括號): 中括號中可以添加當前標籤除class和id屬性外的其他屬性;
 8 (#): 其後接當前標籤的id;
 9 ($): 快捷生成中使用的變數符號, 1個$表示($: 從0到9依次遞增), 2個$表示($$: 從0到99依次遞增), 以此類推;
10 (*num): 表示生成num個當前標籤節點. 11 上面示例的快捷輸入生成如下結構: --> 12 <div class="form_item"> 13 <label for=""></label> 14 <input type="text" name="test01" id="input01" /> 15 <br /> 16 <label for=""></label> 17 <input type="text" name="test02" id="input02" /> 18 <
br /> 19 <label for=""></label> 20 <input type="text" name="test03" id="input03" /> 21 <br /> 22 </div>