"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Configure o React com Vite passo a passo

Configure o React com Vite passo a passo

Publicado em 2024-11-08
Navegar:899

Vite é uma Build Tools moderna projetada para fornecer uma experiência de desenvolvimento rápida e eficiente, especialmente para aplicativos baseados em JavaScript, como React, Vue e outros.

O próprio Vite se concentra mais na velocidade de desenvolvimento com configuração mínima e tempos de carregamento mais rápidos durante o processo de desenvolvimento. Os tempos de construção da produção também costumam ser mais rápidos devido às otimizações do rollup

Neste tutorial, você aprenderá como instalar Reactjs com Vite passo a passo

Etapa 1
Abra o aplicativo de terminal que você possui, aqui estou usando cmder, e vá até a pasta onde deseja instalar o aplicativo

Setup React With Vite Step-by-Step

Etapa 2
Para realizar o processo de instalação você pode usar "yarn" ou "npm",
digite o seguinte comando em seu terminal,

##NPM
npm create vite@latest

##YARN
yarn create vite

Eu uso fio.

Após executar o comando acima, você será solicitado a inserir o nome do aplicativo que deseja criar, conforme mostrado na imagem a seguir

Setup React With Vite Step-by-Step

Etapa 3
Você verá uma lista; use as teclas de seta para mover para cima e para baixo na lista e clique em Enter para selecionar sua opção preferida.
Nesta etapa, escolheremos React

Setup React With Vite Step-by-Step

Etapa 3
Você verá cinco opções para escolher. Navegue até e selecione
aqui escolherei Typescript SWC

Setup React With Vite Step-by-Step

E isso é tudo; Agora você tem seu projeto Vite
Setup React With Vite Step-by-Step

Etapa 4
Conforme instruído nos resultados finais da etapa 3, você será solicitado a inserir a pasta do aplicativo que criou e, em seguida, executar o comando que foi solicitado a fazer

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Setup React With Vite Step-by-Step

Etapa 5
Depois que todos os processos da etapa 4 forem bem-sucedidos, para executar o aplicativo você precisa executar o seguinte comando

### npm 
npm run dev

### yarn
yarn dev

Setup React With Vite Step-by-Step

Depois que o aplicativo for executado com sucesso, você poderá acessá-lo de acordo com o link exibido no terminal

Setup React With Vite Step-by-Step


Conclusão:
Veja, não é nada difícil e todo o processo não demora muito para ser concluído.

Agora você aprendeu com sucesso a instalar aplicativos ReactJS usando Vitejs

Obrigado

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/ramadhan002/setup-react-with-vite-step-by-step-48mi?1 Se houver alguma violação, entre em contato com [email protected] para excluí-la
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3