快速生成html结构代码：输入英文! + 按enter键

生成代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
	<!--请在此处撰写您的代码-->	
</body>
</html>

快速生成数个一样的标签：

标签名称* 数字

注意：标签名称不需要加<>，下同
例如：
div*数字 生成多少个div标签
a*数字 生成多少个a标签

生成的代码：

<div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

快速生成数个带有文字（文本、内容）的标签：

标签名称*数字{文本文本}

例如：
div{我是程序猿} 生成

<div>我是程序猿</div>

div*10{我是程序猿} 生成10个

<div>我是程序猿</div>

生成的代码：

<div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>
    <div>我是程序猿</div>

快速生成多个带有属性和属性值的标签：

标签名称*数字[class="title"]

例如：
div[class="title"] 生成 <div class="title></div>
div*10[class="title"] 生成10个 <div class="title"></div>

生成的代码：

	<div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>
    <div class="title"></div>

更多推荐

HTML（VS CODE编辑器）中常用的快捷键【快速生成代码】