前端开发之使用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