前端开发之使用vscode快捷键一键生成html结构

<!-- 快捷输入示例：div.form_item>(label{文字}+input[type="text"][name="test$$"]#input$$+br)*3 -->
<!-- 解析：
(.): 其后接当前标签类名；
(>): 其后接当前标签节点的子节点标签；
(+): 其后接与当前标签同级的标签；
(小括号): 优先生成小括号中的快捷标签组合；
(中括号): 中括号中可以添加当前标签除class和id属性外的其他属性；
(花括号): 花括号中可添加文字内容；
(#): 其后接当前标签的id；
($): 快捷生成中使用的变量符号, 1个$表示($: 从0到9依次递增), 2个$表示($$: 从0到99依次递增), 以此类推；
 (*num): 表示生成num个当前标签节点.
 上面示例的快捷输入生成如下结构： -->
 <div class="form_item">
    <label for="">文字</label>
    <input type="text" name="test01" id="input01" /><br />
    <label for="">文字</label>
    <input type="text" name="test02" id="input02" /><br />
    <label for="">文字</label>
    <input type="text" name="test03" id="input03" /><br />
  </div>

 

 

 

 

div  [dɪv]  详细X

基本翻译

abbr. 分开（divide）；区分（division）

n. （Div）人名；（塞）迪夫；（俄）季夫

网络释义

Div: 另一种声音

div css: 随缘网络新闻管理系统

DIV IDE: 按钮