Visual Studio Code
code .
Open the current directory in VS Code
Emmet
Emmet is a system of abbreviations that make working with HTML faster and easier. This is built-in to VS Code Editor.
Syntax
- child
>
parent>child
- sibling
+
sibling+sibling
- class
.
element.class
Shortcut | HTML |
---|---|
!html | Generates boilerplate |
nav.navbar | <nav class="navbar"></nav> |
.container | <div class="container"></div> |
button[type="submit"]{Submit} | <button type="submit">Submit</button> |
nav>a.nav-item$\*>a | |
ul>li\*3.class-${List item $} |
Keyboard
command corresponds to Ctrl on Windows/Linux and ⌘ on macOS
command + enter
move to next lineoption + delete
delete single wordtab
move into element
Editor
command + p
search for files in directoryshift + command + p
search actionscommand + f
search for word in filecontrol + \
open terminal