Olá e bem-vindo ao nosso tutorial sobre como criar uma aplicação React com Vite! Neste tutorial, iremos passar pelo processo passo a passo de como você pode criar uma aplicação React usando Vite, uma ferramenta de desenvolvimento super rápida e eficiente. Então, sem mais delongas, vamos começar!
Dia 1: Configuração inicial
Passo 1: Instalando o Vite
O primeiro passo para criar uma aplicação React com Vite é instalar o Vite. Para fazer isso, abra o seu terminal e execute o comando abaixo:
npm install create-vite -gEsse comando irá instalar o Vite globalmente na sua máquina.
Passo 2: Criando um projeto React com Vite
Agora que o Vite está instalado, você pode criar um novo projeto React com o seguinte comando:
create-vite meu-aplicativo-reactIsso irá criar um novo projeto React chamado meu-aplicativo-react no diretório atual.
Passo 3: Navegando para o diretório do projeto
Após a criação do projeto, navegue para o diretório do projeto com o comando abaixo:
cd meu-aplicativo-reactPasso 4: Instalando as dependências do projeto
Antes de iniciarmos o desenvolvimento, é preciso instalar as dependências do projeto. Execute o seguinte comando no terminal:
npm installIsso irá instalar todas as dependências necessárias para o projeto React.
Passo 5: Iniciando o servidor de desenvolvimento
Agora que todas as dependências foram instaladas, você pode iniciar o servidor de desenvolvimento com o seguinte comando:
npm run devIsso irá iniciar o servidor de desenvolvimento do Vite e você poderá ver a sua aplicação React rodando em http://localhost:3000.
Parabéns! Você acabou de criar com sucesso uma aplicação React usando Vite. No próximo dia, iremos explorar como adicionar componentes e estilos à sua aplicação. Até lá!
fiz tudo certinho mas não está compilando
Que tema de terminal eh esse?(Muito bom o vídeo)
Ganhou mais um escrito e mais um aluno kkkk, sofri por horas para instalar o React por meu note ser mac, você me salvou kkk. Vai ser um prazer continuar a assistir seus vídeos e aprender ainda mais.
obrigado!
Qual framework você utiliza no front end vue ou nextjs ?
Qual melhor Yarn ou Vite?
Meu terminal não da opção de ir para baixo como o seu, como posso resover isso ??
1/100 😉
999 + 1 e é 1000 likes!!!!
Existe vite para react-native ?
e referente ao build? Se for servir por exemplo com o Apache, eu aponto o apache para qual diretório?
Obrigado! Muito sucesso para você sempre.
Não sou experiente nisso. Mas é possível fazer esses comandos diretamemte no terminal do VSCode para criar um projeto react?
Mano me salva fica dando erro no npm quando tento instalar tanto pelo vite como direto no terminal do vs code… ja instalei de novo o node mas continua dando o mesmo erro.
Muito bom, eu sabia iniciar o projeto, mas n sei pq ele ficava dentro de uma pasta, dentro da pasta q eu ja tinha criado haha, aí ficava esquisito no github, assim fica bem mais visível
muito top, obrigada!
Muito Bom o vídeo, Obrigado
Mano, sabe dizer qual comando eu usaria no Terminal para fazer "Building" ?
👏
Valeu mesmo meu amigo. Tenho amadurecido muito meus pensamentos com as tuas aulas. Muito obrigado e parabéns pelo conteúdo show!