webstorm most practical and auto-completion methods commonly used shortcuts

Disclaimer: This article is a blogger original article, please indicate the source, only for learning exchange and resource sharing. Micro-channel public number: Geeks lamps https://blog.csdn.net/zc639143029/article/details/89669228

Tag auto-completion:

(1) Instrumental tag completion
Example: input h1 of, press the Tab key,

(2) pure label + address "id"
Example: input h1 # ccg, pressing the Tab key,

(3) Pure label + class "class"
Example: Input h1.ccg, press the Tab key,

(4) sub-tab label + + number of sub-labels
Example: input div> p * 6, pressing the Tab key,

(5) sub-tab label + + + class number of sub-sub-sub-tab label + + +} HTML} Address
Example: input ul.menu> li * 6> a [ href = #] {HTML}, press Tab,

(Note: For more code completion mode: http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html)

Two: Shortcuts search function
(1) ctrl + F: search for something the current file, can achieve the replacement of the same label.
(2) Double-click the shift: global find.
(3) ctrl + E: Find recently opened files
(4) ctrl + shift + N : quickly Search process by file name file
(5) ctrl + K: Find Next
(6) ctrl + shift + K : on a lookup
(7) ctrl + shift + R : batch Code replace the specified directory
(8) ctrl + shift + F : Catalog code specified batch search

III: Other shortcut keys used
(1) ctrl + alt + L : sorting code format
(2) ctrl + /: defining and Logout annotations (by adding a line in the code)