Rocketseat Docs
Windows
Windows
Dependências
Para configurar o ambiente Android e iOS no Windows utilizando Expo Managed Workflow (Expo GO), precisamos de 5 ferramentas principais:
- Node.js (LTS);
- npm (já vem instalado com o Node);
- git
- expo-cli local
- Expo GO (app a ser instalado no dispositivo Android e/ou iOS)
Instalando Node.js (LTS) e npm
O primeiro passa é instalar o Node.js (LTS) e npm no nosso sistema.
Para instalar no seu sistema, você pode utilizar um gerenciador de pacotes como Chocolatey
ou instalar diretamente pelo instalador .exe
. Nesse guia iremos utilizar o instalador, então basta acessar o link https://nodejs.org/en/, realizar o download e seguir os passos da instalação.
Se você já tiver o Node.js instalado em sua máquina, certifique-se que sua versão é a 14 ou mais recente.
Para verificar se a instalação foi um sucesso, basta executar os comandos abaixo:
node -vnpm -v
Git
Para instalar no seu sistema, você pode utilizar um gerenciador de pacotes como Chocolatey
ou instalar diretamente pelo instalador .exe
. Nesse guia iremos utilizar o instalador, então basta acessar o link https://git-scm.com/download/win, realizar o download e seguir os passos da instalação.
Para verificar se a instalação foi um sucesso, basta executar o comando abaixo:
git --version
Se foi apresentado o valor da sua versão, a instalação foi um sucesso.
expo-cli
Não é mais recomendado instalar no seu sistema a Expo CLI global, você deve utilizar a Expo CLI local. Se você possui a instalação global, dê uma olhada aqui para aprender a desinstalar.
Para executar os comandos com a Expo CLI local, basta adicionar o npx
na frente, exemplos:
npx expo --versionnpx expo -h
Não se utiliza a Expo CLI local para criação de projetos. Caso queira iniciar um novo projeto, utilize o comando
npx create-expo-app --template
Expo GO
Para executar o app no seu celular (ou emulador) você precisa instalar o aplicativo Expo GO. Ele é o responsável por pegar o código que o metro bundler
envia e exibir em tela o seu app React Native.
Para instalá-lo no seu dispositivo físico, basta buscar nas lojas o aplicativo Expo Go:
Para instalá-lo no seu emulador, basta executar o comando npx expo start
e escolher qual emulador você deseja executar. Caso o Expo GO não esteja instalado, ele irá solicitar a sua autourização para instalar a versão necessária.
Emulador
Android
Com o Android Studio, é possível configurar um emulador Android e executar a sua aplicação nele.
Porém, esses emuladores consomem bastante recursos do seu computador. Por isso, se você possui um dispositivo físico Android e sua máquina possui configurações modestas (ex.: ⬇ i3, ⬇ 4gb RAM), é recomendado executar a aplicação no seu dispositivo físico pelo Expo GO.
Para aprender a instalar e configurar o seu emulador, siga esse guia
iOS
Disponível apenas para máquinas macOS. Windows e Linux não suportam iOS simulator.
Executando aplicação
Agora que você possui tudo que é necessário para executar sua aplicação Expo, basta seguir os seguintes passos:
- Acesse a pasta do seu projeto pelo terminal
- Execute o comando
npx expo start
- Abra o app no seu dispositivo via Expo GO
- Se for dispositivo físico Android, basta abrir o app Expo GO, selecionar a opção
Scan QR code
e ler o QR Code apresentado no terminal. - Se for dispositivo físico iOS, basta abrir o app de camera do iOS, ler o QR Code apresentado no terminal e clicar no popup
Open with Expo Go app
- Se for emulador Android, basta digitar
a
no terminal.
- Se for dispositivo físico Android, basta abrir o app Expo GO, selecionar a opção
Seguindo esses passo seu app deve abrir com sucesso no seu dispositivo 🎉
Edit this page on GitHub