前端開發之使用vscode快捷鍵一鍵生成html結構
阿新 • • 發佈:2021-08-29
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>