Inicio do projeto

Módulo 1: Criando um projeto Cordova

Passos

1. Certifique-se de ter uma versão atualizada do Node.js instalada em seu sistema.
2. Abra o Terminal (Mac) ou uma janela de Comando (Windows) e digite o seguinte comando para instalar a CLI do Cordova:

   npm install -g cordova
   

   ou em um Mac:

   sudo npm install -g cordova
   

   Se você já tem o Cordova instalado no seu computador, atualize para a versão mais recente:

   npm update -g cordova
   

   ou

   sudo npm update -g cordova
   

3. Navegue (cd) para um diretório onde você armazena projetos em seu sistema de arquivos.
4. Usando o Cordova CLI, crie um projeto Cordova chamado Workshop em um diretório chamado workshop :

   cordova create workshop com.yourname.workshop Workshop
   

5. Navegue até o diretório do projeto:

   cd workshop
   

6. Adicionar suporte para a plataforma iOS (opcional)

   Para poder criar para a plataforma iOS, o iOS SDK deve estar instalado em seu sistema. Se não estiver, você pode pular esta etapa e adicionar suporte a outra plataforma ou simplesmente executar o aplicativo tutorial no seu navegador.

   1. Certifique-se de que o iOS SDK esteja disponível em seu sistema.
   2. Na linha de comando, verifique se você está no diretório do workshop e digite:

      cordova platforms add ios
      

7. Adicionar suporte para a plataforma Android (opcional)

   Para poder criar para a plataforma Android, o Android SDK deve estar instalado no seu sistema. Se não estiver, você pode pular esta etapa e adicionar suporte a outra plataforma ou simplesmente executar o aplicativo tutorial no seu navegador.

   1. Certifique-se de que o Android SDK e a ferramenta ant-build estejam disponíveis no seu sistema. O Android SDK está disponível aqui . Tanto as ferramentas android quanto as formigas devem estar disponíveis em seu caminho.
   2. Na linha de comando, verifique se você está no diretório do workshop e digite:

      cordova platforms add android
      

8. Certifique-se de estar no diretório do workshop e adicione plugins básicos aos seus projetos:

   cordova plugin add org.apache.cordova.device
   cordova plugin add org.apache.cordova.console
   

9. Examine a estrutura de diretórios no workshop.
   • A pasta www é onde você codificará seu aplicativo HTML / JavaScript. Abra o arquivo index.html em um navegador para ver o aplicativo padrão criado pela CLI do Cordova.
   • A pasta de plataformas é onde o Cordova irá construir seu aplicativo para diferentes plataformas (iOS, Android, etc). O conteúdo desta pasta será gerado automaticamente pela CLI do Cordova, e você nunca deve editar o código nesse diretório.
   • Plugins são instalados no diretório de plugins .
   • Parâmetros de aplicação (nome, autor, etc) são armazenados em config.xml .

Anterior Próximo