Deixe seu recado
+5511-3582-4187

Customizando o Emmet no Brackets

emmet-logo   +    Brackets-logo     =     🙂

 

quanta alegria! depois de um tempo consegui customizar o emmet no brackets.

até que é simples, mas demorei para achar todas as informações…

o objetivo aqui é customizar o emmet no brackets para que ele produza o seguinte código com o ! TAB:

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

sacou o “pt-br”? like a boss 🙂

fácil!

#1

escolha uma pasta para ser usada como seu repositório de customização.

#2

salve dentro desta pasta um arquivo snippets.json, ou mesmo snippets-meus.json.

o importante é começar com snippets e terminar com .json.

você pode usar o próprio brackets para criar o arquivo.

#3

neste arquivo, coloque o seguinte código:

{
  "variables": {
    "lang": "pt-br",
    "locale": "pt-br"
  }
}

isso se quiser apenas fazer a alteração para o pt-br. caso queira mudar mais coisas, consulte:

http://circlewaves.com/blog/how-to-add-custom-snippets-to-emmet-for-brackets/

http://docs.emmet.io/customization/snippets/

lembre-se de salvar…

#4

no brackets, vá ao menu emmet, opção preferences e digite o local da sua pasta:

se for mac fica algo assim:

emmet-preferences-mac

se for win fica algo assim:

emmet-preferences-win

clique OK.

#5

saia e entre do brackets ou simplesmente dê um refresh com CMD+R/F5 para que ele recarregue com a customização.

 

pronto 🙂

! TAB e veja o resultado 🙂

quanta alegria!!!

 

bjs e divirta-se,

ana laura gomes