Tab
Key---quickly generate code
2. ctrl+d---copy rows
3. ctrl+y---delete rows
4. ctrl+g---Find rows by line number
5. ctrl+/ or ctrl+shift+/---add comments
6. Ctrl+shift+up/down---code block move up or down
7. Ctrl+r---replacement text
8. ctrl+f---find text
9. Ctrl + Alt + T ---Add wrapping labels to code blocks
shift+enter---Quickly switch to the next line, regardless of the cursor position
Ctrl + Alt +enter---Quickly switch to the previous line, regardless of the cursor position
F3---Find the next
SHIFT+F3---Find previous
Emmet Language Quick Edit code (tab key must be placed at the tail)
lorem100---can be replaced with text content (Press the TAB key to quickly add)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores Autcorporis, culpa cum distinctio, dolorem doloremque earum enim iste nam nostrumofficiis perspiciatis praesent Ium 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 fu Giat illo iste itaque iusto labore magnam magninatus nobis nostrum omnis quam quos repellat tempora veritatis vero volupta Svoluptates. Commodi Consequuntur, culpa cumque cupiditate debitis delectus,expedita illum iure Modi molestias neque Nesciunt nostrum n Umquam Omnis, Quamquibusdam quos suscipit vero. Officia, quae voluptatem?
div>ul.self>li.item$*5^p---can be replaced with text content (Press the TAB key to quickly add)
<div>
<ulclass= "Self" >
<liclass= "Item1" ></li>
<liclass= "Item2" ></li>
<liclass= "Item3" ></li>
<liclass= "Item4" ></li>
<liclass= "ITEM5" ></li>
</ul>
<p></p>
</div>
where > represents the sub-level, #表示id,. Represents the class name, which is multiplied by 5, $ means auto-increment, ^ represents a level up, + represents the same level
Div#mydiv>ul.myul>[data-value]---can be replaced with text content (Press the TAB key to quickly add)
<div id= "Mydiv" >
<ul class= "Myul" >
<lidata-value= "" ></li>
</ul>
</div>
Keys used by the Webstorm tool