--liveServe - extensão;
    prettier - extensão;--

    -- index.html --

    !+tab - cria o código padrão html;
    na linha 7 = link+tab "styles.css"- linkar o CSS
    CSS grind -usado para formatar o front;
    na lnha 11 .tabuleiro=tab - criar div;
    na lnha 12 .posicoes*9+tab;
    alt+botão direito e digita "data-posicoes";
    na linha ** ".inputName+tab" - criar div pra cadastro;
    na linha ** ".inputName-text+tab" - criar div pra entrada dos inputs;
    input+tab - id="playerX" data-inputName-playerUm-text
    button+tab -  id="playerCirculo" data-inputName-playerDois-text
    na linha ** ".mensagem-vitoria+tab" - criar mensagem de vencedor - data-mensagem-vitoria;
    na linha ** p+tab texto-mensagem-vitoria" data-texto-mensagem-vitoria;
    na linha ** button+tab - adiciona a class "menssagem-vitoria-button" -valor reiniciar;
    na linha ** = script:+tab "src="scripts.js"" - likar o js

    criar arquivo CSS

    criar arquvio JS