webstorm工具使用的快捷键

Posted 2020-10-11

 

 

  tab键---快速生成代码

 

2.   Ctrl+D---复制行

3.   Ctrl+Y---删除行

4.   Ctrl+G---通过行号查找行

5.   Ctrl+/ 或 Ctrl+Shift+/---添加注释

6.   Ctrl+Shift+Up/Down---代码块向上或向下移动

7.   Ctrl+R---替换文本

8.   Ctrl+F---查找文本

9.   Ctrl + Alt + T ---给代码块添加环绕标签

10.  Shift+enter---快速切换到下一行（无论光标在哪个位置）

11.  Ctrl + Alt +enter---快速切换到上一行（无论光标在哪个位置）

12.  F3---查找下一个

13.  shift+F3---查找上一个

Emmet语言快捷编辑代码（tab键必须放在尾部）

lorem100  ---可以作为替换文本内容（按tab键快速添加）
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores autcorporis, culpa cum distinctio, dolorem doloremque earum enim iste nam nostrumofficiis perspiciatis praesentium repellendus, sed tempora totam? Alias, beataedeserunt ex id in inventore iure maxime reprehenderit veritatis! Accusamus adalias asperiores, atque blanditiis consectetur debitis dolor dolorem doloremqueeaque earum eligendi enim ex fugiat illo iste itaque iusto labore magnam magninatus nobis nostrum omnis quam quos repellat tempora veritatis vero voluptasvoluptates. Commodi consequuntur, culpa cumque cupiditate debitis delectus,expedita illum iure modi molestias neque nesciunt nostrum numquam omnis, quamquibusdam quos suscipit vero. Officia, quae voluptatem?

div>ul.self>li.item$*5^p  ---可以作为替换文本内容（按tab键快速添加）
<div>
            <ulclass="self">
                <liclass="item1"></li>
                <liclass="item2"></li>
                <liclass="item3"></li>
                <liclass="item4"></li>
                <liclass="item5"></li>
            </ul>
            <p></p>
</div>
其中>表示子级别，#表示id，.表示类名，*5表示乘以5个,$表示自动增加，^表示向上提一个级别，+表示同一级别

div#myDiv>ul.myUl>[data-value]  ---可以作为替换文本内容（按tab键快速添加）
    <div id="myDiv">
        <ul class="myUl">
            <lidata-value=""></li>
        </ul>
    </div>