< Return to Video

WEB CAP16 2025 VA02 REACT O PRIMEIRO PROJETO

  • 0:08 - 0:10
    Para criação de um projeto React,
  • 0:10 - 0:13
    precisamos de técnica para construir
    uma estrutura adequada.
  • 0:13 - 0:16
    Vou criar um projeto em linha
    de comando usando o framework
  • 0:16 - 0:17
    e variante.
  • 0:17 - 0:22
    Com o projeto, exemplo,
    na IDE vamos no terminal
  • 0:22 - 0:26
    e começar a criação
    do nosso projeto digitando:
  • 0:26 - 0:31
    "npm create vite@latest ."
  • 0:31 - 0:33
    que é a última versão,
    espaç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.