前端開發之使用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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM