< Return to Video

WEB CAP16 2025 VA02 REACT O PRIMEIRO PROJETO

  • 0:08 - 0:10
    Para a 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 e ponto.
  • 0:33 - 0:34
    Estou criando com espaço e ponto,
  • 0:34 - 0:37
    porque eu já estou dentro
    da pasta "exemplo".
  • 0:37 - 0:41
    Então, quero criar estrutura
    dentro dessa pasta.
  • 0:41 - 0:43
    Enter.
  • 0:43 - 0:47
    Ele vai pedir
    para que instale os pacotes.
  • 0:47 - 0:51
    "Sim" e aqui selecionar o framework.
  • 0:51 - 0:55
    O framework é o "React",
    enter
  • 0:55 - 1:01
    e vamos escolher a variante
    que é "JavaScript".
  • 1:01 - 1:02
    Com isso,
  • 1:02 - 1:06
    percebam que já criou
    a estrutura do projeto.
  • 1:06 - 1:14
    Agora, precisamos instalar
    as dependências e rodar o projeto.
  • 1:14 - 1:20
    Bem, "npm instal".
  • 1:20 - 1:24
    Ele vai criar uma pasta
    chamada "node_modules"
  • 1:24 - 1:28
    com todas as dependências
    que o projeto precisa.
  • 1:28 - 1:30
    Como vocês podem ver.
  • 1:30 - 1:39
    E em seguida,
    digitamos o comando "npm run dev".
  • 1:39 - 1:41
    Ele vai abrir um link,
  • 1:41 - 1:47
    clique no link e o seu projeto
    está rodando no seu navegador.
  • 1:47 - 1:50
    Com três linhas de comando
    seu projeto já está rodando
  • 1:50 - 1:51
    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.