美文网首页
visual studio code快速生成Html代码

visual studio code快速生成Html代码

作者: 辘轳鹿鹿 | 来源:发表于2021-01-04 17:38 被阅读0次

1 如何快速生成html基本框架

html:5

按一下回车就会生成

<!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>

2 快速补全代码

2.1 子代

div>ul>li

按一下回车就会生成

<div>
      <ul>
            <li></li>
      </ul>
 </div>

2.2 同代

div+div+div

按一下回车就会生成

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

其实这个叫Emmet语法,写到这里的时候,我发现已经有人比我写的更全了,为了偷懒,我就直接放链接了 *_*

咻—咻— 学习链接:Emmet语法速查表

相关文章

网友评论

      本文标题:visual studio code快速生成Html代码

      本文链接:https://www.haomeiwen.com/subject/ihbvoktx.html