< Return to Video

WEB CAP16 2025 VA02 REACT O PRIMEIRO PROJETO

  • 0:08 - 0:09
    Para criação de um
  • 0:09 - 0:10
    projeto, gente,
  • 0:10 - 0:13
    precisamos de técnica para construir
    uma estrutura adequada.
  • 0:13 - 0:15
    Vou criar
    um projeto de linha de comando
  • 0:15 - 0:18
    usando o framework e variante
    com o projeto.
  • 0:19 - 0:22
    Exemplo Na ideia vamos no terminal
  • 0:22 - 0:24
    e começar a criação do nosso projeto
  • 0:24 - 0:27
    digitando npm
  • 0:28 - 0:29
    create
  • 0:29 - 0:33
    bit arroba latente, que é
    a última versão e se passa o ponto.
  • 0:33 - 0:35
    Estou criando com esse passo ponto,
    porque eu
  • 0:35 - 0:37
    já estou dentro da pasta Exemplo.
  • 0:37 - 0:40
    Então quero criar estrutura
    dentro dessa pasta.
  • 0:41 - 0:43
    Enter
  • 0:43 - 0:46
    Ele vai pedir
    para que instala os pacotes?
  • 0:47 - 0:51
    Sim e aqui selecionar o framework.
  • 0:51 - 0:54
    O framework é React Inter
  • 0:55 - 0:58
    e vamos escolher a variante
    que é JavaScript.
  • 1:01 - 1:02
    Com isso,
  • 1:02 - 1:05
    percebo que já criou a estrutura
    do projeto.
  • 1:06 - 1:09
    Agora precisamos
  • 1:09 - 1:12
    instalar as dependências
    e rodar o projeto
  • 1:14 - 1:15
    Bem npm
  • 1:17 - 1:20
    install.
  • 1:20 - 1:24
    Ele vai criar
    uma pastinha chamada new de modules
  • 1:24 - 1:27
    com todas as dependências
    que o projeto precisa.
  • 1:28 - 1:30
    Como vocês podem ver.
  • 1:30 - 1:33
    E em seguida, digitamos o comando
  • 1:35 - 1:38
    npm deve.
  • 1:39 - 1:41
    Ele vai abrir um link,
  • 1:41 - 1:44
    clique no link e o seu projeto
  • 1:44 - 1:47
    está rodando no seu navegador
  • 1:47 - 1:49
    com três linhas de comando.
  • 1:49 - 1:51
    Seu projeto
    está rodando e pronto para uso.
Title:
WEB CAP16 2025 VA02 REACT O PRIMEIRO PROJETO
Video Language:
Portuguese, Brazilian
Duration:
01:55

Portuguese, Brazilian subtitles

Incomplete

Revisions Compare revisions

Our website uses cookies for analysis purposes.