Partilhar via

Instale o React diretamente no Windows

Este guia irá percorrer o processo de instalação do React diretamente no Windows usando as ferramentas frontend vite.

Recomendamos seguir estas instruções se você é novo no React e apenas está interessado em aprender. Se você estiver criando um aplicativo de página única (SPA) com o qual gostaria de usar comandos ou ferramentas Bash e/ou planeja implantar em um servidor Linux, recomendamos que você instale com vite no Windows Subsystem for Linux (WSL).

Para obter mais informações gerais sobre o React, decidindo entre o React (aplicativos Web), o React Native (aplicativos móveis) e o React Native for Desktop (aplicativos de desktop), consulte a Visão geral do React.

Crie seu aplicativo React

Para instalar o Create React App:

  1. Abra um terminal (Prompt de Comando do Windows ou PowerShell).

  2. Crie uma nova pasta de projeto: mkdir ReactProjects e digite esse diretório: cd ReactProjects.

  3. Instale o React usando vite :

    npm create vite@latest my-react-app -- --template react

  4. Uma vez instalado, altere os diretórios para seu novo aplicativo ("my-react-app" ou o que você escolher chamá-lo): cd my-react-app, instale as dependências: npm install e, em seguida, inicie o servidor de desenvolvimento local: npm run dev

    Esse comando iniciará o servidor Node.js e iniciará uma nova janela do navegador exibindo seu aplicativo. Você pode usar Ctrl + c para parar de executar o aplicativo React em sua linha de comando.

Observação

O Vite inclui um pipeline de construção de frontend usando Babel, esbuild e Rollup, mas não lida com lógica de back-end ou bancos de dados. Se você estiver procurando criar um site renderizado em servidor com o React que usa um back-end Node.js, recomendamos instalar Next.js, em vez desta instalação Vite, que se destina mais a aplicativos de página única (SPAs). Você também pode considerar instalar o Gatsby se quiser construir um site estático orientado a conteúdo.

  1. Quando estiver pronto para implantar seu aplicativo Web na produção, execute npm run build para criar uma compilação do seu aplicativo na pasta "dist". Você pode saber mais em Implantando um site estático.

Recursos adicionais