webstorm工具使用的快捷鍵

1. 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 aut corporis, culpa cum distinctio, dolorem doloremque earum enim iste nam nostrum officiis perspiciatis praesentium repellendus, sed tempora totam? Alias, beatae deserunt ex id in inventore iure maxime reprehenderit veritatis! Accusamus ad alias asperiores, atque blanditiis consectetur debitis dolor dolorem doloremque eaque earum eligendi enim ex fugiat illo iste itaque iusto labore magnam magni natus nobis nostrum omnis quam quos repellat tempora veritatis vero voluptas voluptates. Commodi consequuntur, culpa cumque cupiditate debitis delectus, expedita illum iure modi molestias neque nesciunt nostrum numquam omnis, quam quibusdam quos suscipit vero. Officia, quae voluptatem?

div>ul.self>li.item$*5^p  ---可以作爲替換文本內容(按tab鍵快速添加)
<div>
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <p></p>
</div>
其中>表示子級別,#表示id.表示類名,*5表示乘以5,$表示自動增加,^表示向上提一個級別,+表示同一級別

div#myDiv>ul.myUl>[data-value]  ---可以作爲替換文本內容(按tab鍵快速添加)
    <div id="myDiv">
        <ul>
            <li data-value=""></li>
        </ul>
    </div>
[]表示自定義的屬性,



更多學習分享加羣      105601600

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章