Skip to content

Instantly share code, notes, and snippets.

@eclecticmiraclecat

eclecticmiraclecat/vscode emmet shortcut.md

Last active June 28, 2021 13:03
Show Gist options
  • Save eclecticmiraclecat/9e66470981cfc77424ab1e19f5def5ad to your computer and use it in GitHub Desktop.
Save eclecticmiraclecat/9e66470981cfc77424ab1e19f5def5ad to your computer and use it in GitHub Desktop.
Download ZIP
Raw
vscode emmet shortcut.md

basic html structure

<!DOCTYPE html>
<html lang="en">
<head>
...
! <tab>

comment multiple lines

<!-- <!DOCTYPE html>
<html lang="en">
<head> -->

<ctrl> + /

create div element

<div> </div>
div <tab>

10 div

  <div></div>
  <div></div>
  ...
div*10 <tab>

element with child element

 <div>
    <h1></h1>
  </div>
div>h1 <tab>

element with attribute

class

<h1 class="heading"></h1>
h1.heading <tab>

id

<h1 id="heading"></h1>
h1#heading <tab>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment