2
respostas

Meu código emmet esta diferente, ja testei a solução apresentada no forum e não funcionou.

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

Esse é o emmet que aparece para mim, ja tentei realizar a solução apresentada no fórum em "preferences>config user snnipets" e não funcionou, usei a intrução de colocar esse codigo:

{
    "Basic HTML Structure": {
        "prefix": "html",
        "body": [
            "<!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>$1</title>",
            "</head>",
            "<body>",
            "    $2",
            "</body>",
            "</html>"
          ],
          "description": "Basic HTML Structure"
    }
}
2 respostas

E aí, Marcus Vinicius, tudo certo?

Pelo que eu entendi, tu tá tentando criar um snippet pro Emmet que monta a estrutura básica de um HTML, mas não tá funcionando direito. É isso mesmo?

Primeira coisa, o snippet que tu criou tá certinho, mas eu notei um pequeno detalhe que pode estar causando a confusão. O Emmet é sensível a indentação. Se tu tá copiando e colando esse snippet exatamente como tu mostrou aqui, com a indentação da forma que tá, pode ser que o Emmet não esteja entendendo a estrutura direito.

O que tu pode tentar fazer é ajustar a indentação do snippet pra ficar igual à que tu tá acostumado a usar no teu código. Se tu usa espaços pra indentação, então deixa os espaços igual nos teus códigos normais. Se tu usa tabs, mesma coisa.

Dá uma olhada nesse snippet com a indentação em espaços:

{
    "Basic HTML Structure": {
        "prefix": "html",
        "body": [
            "<!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>$1</title>",
            "</head>",
            "<body>",
            "    $2",
            "</body>",
            "</html>"
        ],
        "description": "Basic HTML Structure"
    }
}

E se tu usa tabs, pode ser assim:

{
    "Basic HTML Structure": {
        "prefix": "html",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "\t<title>$1</title>",
            "</head>",
            "<body>",
            "\t$2",
            "</body>",
            "</html>"
        ],
        "description": "Basic HTML Structure"
    }
}

Outra coisa que tu pode fazer é checar se o teu editor tá reconhecendo os snippets corretamente. Às vezes tem um atalho específico pra tu chamar os snippets no teu editor.

Se mesmo assim não der certo, me fala qual editor tu tá usando que a gente pode dar uma olhada mais específica no que pode estar rolando de errado.

E fica de boa, mano, a gente vai acertar essa parada. Só dar um grito se precisar de mais ajuda!

O problema é que queria inserir o código para a versão mais atualizada do IE, no caso: Mas quando coloco: ! aparece só o código formatado sem essa parte meta