美文网首页
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