• VScode-HTML


    Visual Studio Code关于写html的快捷键

    这几天写html,找别人学了一些有趣的快捷键,作用不一定很大,但还是记录一下。

    1多个平级标签
    输入 div*5 会有提示,按回车,出现下面的代码
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

    2多个平级排序标签
    输入 div{$}*4 出现提示后,按回车,出现下面的代码
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>

    3给标签加id和class
    输入 div#tagId 提示,回车
    <div id="tagId"></div>

    输入 div.tagClass 提示,回车
    <div class="tagClass"></div>

    4多层嵌套标签
    多层嵌套标签用>右尖括号,还可以任意组合。

    span>div>section
    <span>
    <div>
    <section></section>
    </div>
    </span>

    span>div*3>section
    <span>
    <div>
    <section></section>
    </div>
    <div>
    <section></section>
    </div>
    <div>
    <section></section>
    </div>
    </span>

    span>div{$}*3>section
    <span>
    <div>
    1
    <section></section>
    </div>
    <div>
    2
    <section></section>
    </div>
    <div>
    3
    <section></section>
    </div>
    </span>

    span>div*3>section{$}*3
    <span>
    <div>
    <section>1</section>
    <section>2</section>
    <section>3</section>
    </div>
    <div>
    <section>1</section>
    <section>2</section>
    <section>3</section>
    </div>
    <div>
    <section>1</section>
    <section>2</section>
    <section>3</section>
    </div>
    </span>

    5 ! + 回车

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>

    </body>
    </html>

    6 Ctrl+/ (注释)

    <!-- -->
    7 快速多次复制同一行代码
    crtl +c --->ctrl+v
    作者:华王 博客:https://www.cnblogs.com/huahuawang/
  • 相关阅读:
    zoj1942Frogger
    阿里云api调用做简单的cmdb
    约瑟夫环
    Bag标签之中的一个行代码实行中文分词实例3
    用lua扩展你的Nginx(整理)
    Single Number III
    TCP/IP ---分层
    TCP/IP --概述
    adb命令学习
    How to set Selenium Python WebDriver default timeout?
  • 原文地址:https://www.cnblogs.com/huahuawang/p/14813052.html
Copyright © 2020-2023  润新知