該樓層疑似違規已被系統折疊?隱藏此樓查看此樓

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鍵快速添加)

其中>表示子級別，#表示id，.表示類名，*5表示乘以5個,$表示自動增加，^表示向上提一個級別，+表示同一級別

div#myDiv>ul.myUl>[data-value] ---可以作為替換文本內容(按tab鍵快速添加)

[]表示自定義的屬性，

想要學習前端開發的同學，加群：543#627#393學習哦

總結

以上是生活随笔為你收集整理的webstorm快捷键生成html页面,webstorm工具使用的快捷键的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。