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
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
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
Etapa 3
Você verá cinco opções para escolher. Navegue até e selecione
aqui escolherei Typescript SWC
E isso é tudo; Agora você tem seu projeto Vite
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
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
Depois que o aplicativo for executado com sucesso, você poderá acessá-lo de acordo com o link exibido no terminal
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
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