VS Code - sirdnt/quintessence GitHub Wiki

Visual Studio Code Tip & Trick

Emmet

  1. Child > div>p
  2. Class .container.nav ->
<div className="container nav"></div>
  1. Id #root ->
<div id="root"></div>
  1. Attribute NavLink[id a] ->
<NavLink id="" a=""></NavLink>
  1. Group .container>(p{p1})+(p{p2}) ->
<div className="container">
    <p>p1</p>
    <p>p2</p>
</div>
  1. Numbering p>strong{this index = $}*5 ->
<p>
    <strong>this index = 1</strong>
    <strong>this index = 2</strong>
    <strong>this index = 3</strong>
    <strong>this index = 4</strong>
    <strong>this index = 5</strong>
</p>

See more here emmet cheat-sheet

⚠️ **GitHub.com Fallback** ⚠️