Aprenda a instalar o Cordova com Android no macOS \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 10 Horas 17 Min 43 Seg Tempo restante da oferta: 10 17 43 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Aprenda a instalar o Cordova com Android no macOS [ Android ](https://www.treinaweb.com.br/blog/categoria/android) # Aprenda a instalar o Cordova com Android no macOS Aprenda a configurar o Cordova para compilar no emulador ou direto no dispositivo Android usando o macOS. [ Elton Fonseca ](https://www.treinaweb.com.br/blog/autor/elton-fonseca) 10 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/cordova.jpg) Configurar o **Apache Cordova**, também conhecido como **PhoneGap**, é um processo um tanto quanto trabalhoso e pode se tornar um problema para quem quer testar essa tecnologia. Veremos aqui como configurar o Cordova para compilar no emulador ou direto no dispositivo Android usando **MAC OS X** ou **macOS** (mudança de nome introduzida na décima terceira versão do SO, intitulada de *macOS v10.12 “Sierra”*) Nesse processo de configuração vamos instalar as seguintes ferramentas: - Java JDK - Android SDK - Apache Ant - NodeJs - Cordova ## Instalação Java JDK Para fazer o download do **Java JDK** acesse a página http://www.oracle.com/technetwork/pt/java/javase/downloads e clique na imagem abaixo: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/download-jdk-1.png) Faça o download da última versão do JDK na linha **Mac OS X**. Após o Download abra o arquivo `.dmg` e clique duas vezes no ícone da Caixa para realizar a instalação: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/instalacao-jdk.png) Realize a instalação com todas as opções padrões. Ao final [acesse o terminal](http://tecnologia.umcomo.com.br/articulo/como-abrir-o-terminal-em-computadores-mac-3950.html) e digite `java -version` deve ser apresentada a seguinte mensagem: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/teste-jdk.png) [ ![Flutter - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/flutter.svg) Curso Flutter - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/flutter-fundamentos) ## Instalando o Android SDK Acesse a página do SDK Android em https://developer.android.com/studio desça até a opção de baixar somente o SDK: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/download-sdk.png) Na linha do **Mac OS X** faça o download do arquivo `.zip`. Ao término do download, extraia os arquivos na pasta `phonegap` dentro da `home` do usuário, para acessar a pasta `home` basta usar o atalho `Command + Shift + H` no Finder. Deve ficar conforme abaixo: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/caminho-do-sdk.png) [ ![React Native - Componentes nativos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/react-native.svg) Curso React Native - Componentes nativos Conhecer o curso ](https://www.treinaweb.com.br/curso/react-native-componentes-nativos) ## Configurando as variáveis de ambiente No terminal digite o comando `nano ~/.bash_profile` e insira no final do arquivo as seguintes linhas: ``` export ANDROID_HOME=~/phonegap/android-sdk-macosx export ANT_HOME=~/phonegap/apache-ant ``` Salve o arquivo com o atalho `Crtl + O` e saia com `Crtl + X` Agora execute o comando `sudo nano /etc/paths` e insira no final do arquivo o seguinte conteúdo: ``` ~/phonegap/android-sdk-macosx/platform-tools ~/phonegap/android-sdk-macosx/tools ~/phonegap/apache-ant/bin ``` Salve o arquivo e saia (`Crtl + O` e `Crtl + X`). ## Instalando Apache Ant Acesse a página de download do **Apache Ant** (http://ant.apache.org/bindownload.cgi) e baixe a última versão no formato `.zip`. Após o download, extraia a pasta do `Apache Ant` dentro da pasta `phonegap` que criamos dentro do diretório `home` e renomeie-a para `apache-ant` conforme indicamos nas variáveis: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/caminho-apache-ant-1.png) Agora, no terminal, ao executar `ant -v` deve ser exibida a versão instalada: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/testando-apache-ant.png) ## Instalação dos pacotes no Android SDK Abra o terminal e digite o comando `android` para acessar o gerenciador do SDK. No gerenciador marque as seguintes ferramentas: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/ferramentas-android-sdk-1.png) Vamos instalar a imagem do `Android 5.1.1`: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/android-511.png) Selecione em extras o pacote `Intel x86 Emulator Accelerator (HAXM Installer)`. Clique no botão **Install Packages**, aceite os termos da licença e aguarde ele instalar todos os pacotes. Por fim, acesse a pasta `home/phonegap/android-sdk-macosx/extras/intel/Hardware_Accelerated_Execution_Manager/` e instale o arquivo `IntelHAXM_X.X.X.dmg` ## Criando Android Virtual Device (AVD) Com o gerenciador do SKD aberto vá no menu `Tools > Manage AVDs` ![](https://d2m498l008ebpa.cloudfront.net/2016/10/gerenciador-avd.png) Clique no botão `create` e preencha os dados da nova tela conforme abaixo: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/criacao-emulador-android.png) Essas características que definirão como o emulador Android funcionará. ## Instalando o NodeJs Acesse a página do **NodeJS** https://nodejs.org/ e clique na versão recomendada (botão verde da esquerda). Após o download abra o arquivo `.pkg` e faça a instalação de modo padrão. ![](https://d2m498l008ebpa.cloudfront.net/2016/10/Instalac-a-o-nodeJs-mac-osx.png) Acesse o terminal e teste se o **Node** foi instalado corretamente executando os comandos: ``` node -v npm -v ``` Para cada comando acima ele deve retornar a versão. Se retornar erro de comando desconhecido o Node não foi instalado corretamente. [ ![Amazon Web Services (AWS) - RDS - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/aws.svg) Curso Amazon Web Services (AWS) - RDS - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/amazon-web-services-aws-relational-database-service-rds-fundamentos) ## Instalando pacote Cordova Para realizar a instalação da última versão do **Apache Cordova** execute o seguinte comando no terminal: ``` sudo npm install -g cordova ``` Após a instalação o terminal será liberado novamente, então execute o comando `cordova -v` para verificar se ele foi instalado corretamente. ![](https://d2m498l008ebpa.cloudfront.net/2016/10/versao-cordova-1.png) ## Criando o projeto O processo para criar e compilar o projeto consiste em 3 passos básicos: - Primeiro a criação do Projeto - Depois a adição das plataformas usadas (Android, IOS, WP e etc) - Por último, a compilação e execução do projeto. #### Criação do projeto Para criar o projeto usamos o seguinte comando: ``` cordova create NOME_PROJETO ``` Vamos criar o projeto `olaMundo`: ``` cordova create olaMundo ``` Será gerada uma pasta no local onde o comando foi executado, ela terá o nome do projeto. #### Adição da Plataforma Agora precisamos adicionar a plataforma. A sintaxe do comando de adição é: ``` cordova platform add NOME_PLATAFORMA ``` Acesse a pasta do projeto e adicione a plataforma `Android`: ``` cd olaMundo cordova platform add android ``` A primeira vez que esse comando é executado ele baixa o projeto de exemplo e copia para a pasta `plataforms` do projeto, por isso pode ser um pouco demorado. #### Compilando e executando Agora basta mandar o **Cordova** rodar que ele fez todo o processo: ``` cordova run android ``` Ele compilará o projeto, iniciará o Emulador e por fim instalará o aplicativo: ![](https://d2m498l008ebpa.cloudfront.net/2016/10/emular-cordova-android.png) #### Compilar no dispositivo Android Para compilar no dispositivo **Android** o comando é o mesmo mostrado acima - `cordova run android` - o único requisito é que o dispositivo esteja ligado no USB em modo `Depuração USB`. Caso não saiba como colocar o **Android** nesse modo, basta acessar o artigo [Como ativar a depuração USB no Android](https://www.treinaweb.com.br/blog/como-ativar-a-depuracao-usb-no-android/). Até a próxima! - [ #JavaScript ](https://www.treinaweb.com.br/blog/tag/javascript) - [ #Android ](https://www.treinaweb.com.br/blog/tag/android) - [ #NodeJS ](https://www.treinaweb.com.br/blog/tag/nodejs) - [ #Apache Cordova ](https://www.treinaweb.com.br/blog/tag/apache-cordova) - [ #macOS ](https://www.treinaweb.com.br/blog/tag/macos) Autor ![Elton Fonseca](//secure.gravatar.com/avatar/2cee05645357ced0841ce76ba5569c72?d=mm) ## Elton Fonseca Professor e desenvolvedor. Formado em análise e desenvolvimento de sistema, pós graduado em engenharia e arquitetura de software. É autor de cursos em diversos temas, como, desenvolvimento back-end, cloud computing e CMSs. Nas horas vagas adora estudar sobre o mercado financeiro, cozinhar e brincar com pequeno Daniel. [@eltonfonsecadev](https://twitter.com/eltonfonsecadev) [Todos os artigos](https://www.treinaweb.com.br/blog/autor/elton-fonseca) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/04/o-que-e-o-composer-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 5 anos atrás ## [ Como instalar um pacote com Composer e utilizá-lo em seu projeto PHP ](https://www.treinaweb.com.br/blog/como-instalar-um-pacote-com-composer-e-utiliza-lo-em-seu-projeto-php) Aprenda a instalar e utilizar o gerenciador de dependências Composer e dê o próximo passo rumo a se tornar um desenvolvedor PHP. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/02/11105139/PHP-WINDOWS-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 7 anos atrás ## [ Como instalar o PHP e Xdebug no Windows ](https://www.treinaweb.com.br/blog/como-instalar-o-php-e-xdebug-no-windows) Aprenda como instalar o PHP e a extensão Xdebug no Windows. Ensinaremos os detalhes que você precisa observar na hora de escolher a versão do PHP e todo o processo de instalação e configuração. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/introducao-ao-maven-aprenda-como-criar-e-gerenciar-projetos-java-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 6 anos atrás ## [ Introdução ao Maven, aprenda como criar e gerenciar projetos Java ](https://www.treinaweb.com.br/blog/introducao-ao-maven-aprenda-como-criar-e-gerenciar-projetos-java) Neste artigo veremos como instalar o Maven e como podemos utilizá-lo para nos auxiliar na criação e no gerenciamento de dependência de um projeto Java. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/o-que-e-wordpress-e-como-instalar-na-sua-maquina-400x280.png) [ WordPress ](https://www.treinaweb.com.br/blog/categoria/wordpress) 6 anos atrás ## [ O que é Wordpress e como instalar na sua máquina ](https://www.treinaweb.com.br/blog/o-que-e-wordpress-e-como-instalar-na-sua-maquina) Saiba o que é o WordPress e aprenda a instalar localmente em sua máquina. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/10/configurando-ambiente-de-desenvolvimento-spring-boot-no-macos-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no MacOS ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-macos) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no MacOS Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/10/configurando-ambiente-de-desenvolvimento-spring-boot-no-linux-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no Linux ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-linux) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no Linux Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/09/configurando-ambiente-de-desenvolvimento-spring-boot-no-windows-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no Windows ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-windows) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no Windows Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/configurando-ambiente-de-desenvolvimento-python-no-macos-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 6 anos atrás ## [ Configurando o ambiente de desenvolvimento PHP Laravel no MacOS ](https://www.treinaweb.com.br/blog/configurando-o-ambiente-de-desenvolvimento-php-laravel-no-macos) Aprenda como instalar e configurar o ambiente de desenvolvimento PHP Laravel no MacOS. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/04/configurando-ambiente-de-desenvolvimento-python-no-linux-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 6 anos atrás ## [ Configurando o ambiente de desenvolvimento PHP Laravel no Linux ](https://www.treinaweb.com.br/blog/configurando-o-ambiente-de-desenvolvimento-php-laravel-no-linux) Aprenda como instalar e configurar o ambiente de desenvolvimento PHP Laravel no Linux. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/04/configurando-ambiente-de-desenvolvimento-python-no-windows-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 6 anos atrás ## [ Configurando o ambiente de desenvolvimento PHP Laravel no Windows ](https://www.treinaweb.com.br/blog/configurando-o-ambiente-de-desenvolvimento-php-laravel-no-windows) Aprenda como instalar e configurar o ambiente de desenvolvimento PHP Laravel no Windows. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/06/27155958/nvm-400x280.png) [ Node ](https://www.treinaweb.com.br/blog/categoria/node-js) 7 anos atrás ## [ Instalando e gerenciando várias versões do Node.js com NVM ](https://www.treinaweb.com.br/blog/instalando-e-gerenciando-varias-versoes-do-node-js-com-nvm) Aprenda a instalar e gerenciar várias versões do Node.js em sua máquina. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/o-que-sao-extensoes-no-php-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 6 anos atrás ## [ O que são Extensões no PHP ](https://www.treinaweb.com.br/blog/o-que-sao-extensoes-no-php) Aprenda o que são extensões no PHP, como instalar e ativar. Entenda também porque o PHP possui o conceito de extensões e quais são as mais usadas. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **10h 17min 43s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58