Skip to content

Latest commit

 

History

History
63 lines (52 loc) · 1.25 KB

VsCode Command-Emmet.md

File metadata and controls

63 lines (52 loc) · 1.25 KB

Please Visit Official Page Emmet All the documentation about Emmet in his Official Page https://docs.emmet.io/cheat-sheet/

Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow , this plugin aviable in other text editor as Atom,Sublime-text , and visual studio code.

*In Visual Studio Code Emmet already installed

This is a ultra basic(noob) test for use the command Emmet to fast write web code Ok let go

html:5 + [TAB]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>

All HTML sentence + [tab]

<div></div>
<section></section>
<a></a>
...

link:css + [TAB]

<link rel="stylesheet" href="style.css">

style + [TAB]

<style></style>

script + [TAB]

<script></script>

Tables Creator table>.row>.col + [TAB]

<table>
    <tr class="row">
        <td class="col"></td>
    </tr>
</table>

fill class and id in element div.divClass#divID + [TAB]

<div class="divClass" id="divID"></div>

For more Examples and information please visit Official page to Emmett