0

Como ser mais ágil no Front

Francisco Silva
Francisco Silva

Saudações Devs!


Sabiam que é possível ser até 50% mais rápido no desenvolvimento de Front ( HTML | CSS ) no Visual Code?

Através das abreviações Emmet ( Emmet Abreviations )...

Nada mais é do que resumo de construções de tags.

Ex: Ao abrir o VS Code, após criar uma página HTML, por exemplo index.html, se apenas digitar html:5 e apertar a tecla TAB, ele cria automaticamente os parâmetros da página html, fácil né!


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>


Mas não para por aí, segue abaixo o site e o link do PDF da documentação e consulta para que vocês fiquem feras e ágeis no desenvolvimento.


Documentação Emmet


PDF Documentação Emmet


Espero ter ajudado!!!








0
0

Comentários (5)

0
Leandro Carvalho

Leandro Carvalho

28/07/2021 13:29

Obrigado!

0
Alfeu Junior

Alfeu Junior

28/07/2021 11:46

Quando comecei pelo front só a !DOC já dava liga, bom saber que dessa forma também. Obrigado, Francisco!!

0
Sandra Souza

Sandra Souza

28/07/2021 10:56

Valeu! Muito Obrigada!

0
Meriéli Manzano

Meriéli Manzano

28/07/2021 09:02

Muito bom, pra complementar existe outro atalho também para os parâmetros da página html que é mais simples.

Basta digitar: !

E teclar ENTER

0
Olavo Anselmo

Olavo Anselmo

28/07/2021 08:46

Obrigado!

https://www.linkedin.com/in/fcorobertodasilva/

Brasil