visual studio code快速生成Html代码

2021-01-04  本文已影响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语法速查表

上一篇下一篇

猜你喜欢

热点阅读