Baixar Cordova CLI: um guia para iniciantes
Se você deseja criar aplicativos móveis multiplataforma usando tecnologias da Web, talvez já tenha ouvido falar do Cordova. Cordova é uma estrutura de código aberto que permite usar HTML, CSS e JavaScript para criar aplicativos móveis nativos para várias plataformas, como Android, iOS, Windows e muito mais. Mas como você começa com o Cordova? Como você cria, constrói e executa seus projetos Cordova? A resposta é Cordova CLI.
O que é Cordova CLI?
Cordova CLI significa Cordova Command-Line Interface. É uma ferramenta que ajuda você a gerenciar seus projetos Cordova a partir do terminal ou do prompt de comando. Você pode usá-lo para criar novos projetos, adicionar plataformas e plug-ins, criar e executar seus aplicativos em diferentes dispositivos ou emuladores e testar e depurar seu código. A CLI é a principal ferramenta a ser usada para o fluxo de trabalho de plataforma cruzada descrito no .
download cordova cli
Benefícios de usar o Cordova CLI
Usar o Cordova CLI tem muitas vantagens, como:
Simplifica o processo de criação e gerenciamento de seus projetos Cordova.
Ele permite que você use um comando para criar e executar seu aplicativo em várias plataformas.
Ele oferece suporte a vários plug-ins que estendem a funcionalidade do seu aplicativo.
Integra-se com outras ferramentas, como , que ajudam você a desenvolver aplicativos Cordova.
É fácil de instalar e atualizar.
Requisitos para instalar o Cordova CLI
Antes de poder instalar e usar o Cordova CLI, você precisa ter alguns pré-requisitos em sua máquina. Estes são:
: Node.js é um ambiente de tempo de execução JavaScript que permite executar código JavaScript fora de um navegador. npm é um gerenciador de pacotes que acompanha o Node.js e permite instalar e gerenciar módulos. Você precisa dessas ferramentas para instalar o Cordova CLI e suas dependências.
: git é um sistema de controle de versão que ajuda você a rastrear alterações em seu código. Você precisa do git para baixar alguns ativos ao criar um novo projeto com o Cordova CLI.
.
Como baixar e instalar Cordova CLI
Depois de instalar os pré-requisitos, você pode baixar e instalar o Cordova CLI usando o npm. Aqui estão os passos:
Etapa 1: instalar o Node.js e o npm
Se você não tiver Node.js e npm instalados em sua máquina, você pode baixá-los do . Siga as instruções do seu sistema operacional para instalá-los. Após a instalação, você poderá invocar node e npm em seu terminal ou prompt de comando.
Etapa 2: instalar o git
Se você não tem o git instalado em sua máquina, você pode baixá-lo do . Siga as instruções do seu sistema operacional para instalá-lo. Após a instalação, você poderá invocar o git em seu terminal ou prompt de comando.
Etapa 3: instalar o Cordova CLI usando npm
Para instalar o Cordova CLI globalmente em sua máquina, execute o seguinte comando:
npm install -g cordova
Isso fará o download e instalará a versão mais recente do Cordova CLI e suas dependências. Pode ser necessário usar o sudo (para Mac/Linux) ou executar o prompt de comando como Administrador (para Windows) para instalar o Cordova CLI globalmente.
Passo 4: Verifique a instalação
Para verificar se o Cordova CLI está instalado corretamente, execute o seguinte comando:
cordova --versão
Isso deve exibir o número da versão do Cordova CLI. Se você vir uma mensagem de erro, talvez seja necessário verificar sua instalação ou solucionar o problema.
Como usar a CLI do Cordova
Agora que você tem o Cordova CLI instalado, pode usá-lo para criar e gerenciar seus projetos Cordova. Aqui estão alguns comandos e tarefas básicas que você pode executar com o Cordova CLI:
Criar um novo projeto
Para criar um novo projeto com Cordova CLI, execute o seguinte comando:
cordova criar
Isso criará um novo diretório com o caminho e o nome especificados e inicializará um projeto Cordova dentro dele. O parâmetro id é o identificador de estilo de domínio reverso do seu aplicativo, como com.example.hello. O parâmetro name é o nome de exibição do seu aplicativo, como Hello World.
Por exemplo, para criar um projeto chamado Hello World com o id com.example.hello no diretório atual, execute:
cordova create hello com.example.hello "Hello World"
Isso criará um diretório chamado hello com a seguinte estrutura:
olá/
config.xmlO arquivo de configuração principal do seu aplicativo.
ganchos/Um diretório para scripts customizados executados em pontos específicos do processo de construção.
plataformas/Um diretório para o código específico da plataforma e ativos do seu aplicativo.
plugins/Um diretório para os plug-ins que adicionam funcionalidade ao seu aplicativo.
www/Um diretório para os recursos da Web do seu aplicativo, como arquivos HTML, CSS e JavaScript.
Adicione plataformas e plugins
Para adicionar uma plataforma ao seu projeto, execute o seguinte comando:
plataforma cordova adicionar
Isso fará o download e instalará o código e os ativos específicos da plataforma para seu aplicativo e os adicionará ao diretório de plataformas. O parâmetro da plataforma pode ser uma das plataformas suportadas, como android, ios, windows, etc. Você também pode especificar um número de versão ou um URL de origem para a plataforma.
Por exemplo, para adicionar a plataforma Android ao seu projeto, execute:
plataforma cordova adicionar android
Isso adicionará os arquivos da plataforma Android ao diretório platform/android.
Para adicionar um plugin ao seu projeto, execute o seguinte comando:
plug-in cordova adicionar
Isso fará o download e instalará o código e os recursos do plug-in para seu aplicativo e os adicionará ao diretório de plug-ins. O parâmetro plugin pode ser um dos plugins principais, como cordova-plugin-camera, cordova-plugin-geolocation, etc.Você também pode especificar um número de versão, um URL de origem ou um caminho local para o plug-in.
Por exemplo, para adicionar o plug-in da câmera ao seu projeto, execute:
plug-in cordova adicionar plug-in-câmera cordova
Isso adicionará os arquivos do plug-in da câmera ao diretório plugins/cordova-plugin-camera.
Construir e executar o projeto
Para construir seu projeto para uma plataforma específica, execute o seguinte comando:
cordova build
Isso compilará o código e os ativos do aplicativo para a plataforma de destino e gerará um arquivo executável no diretório platform//build. O parâmetro da plataforma pode ser uma das plataformas que você adicionou ao seu projeto.
Por exemplo, para construir seu projeto para Android, execute:
cordova construir android
Isso irá gerar um arquivo APK no diretório platform/android/build/outputs/apk.
Para executar seu projeto em um dispositivo ou emulador, execute o seguinte comando:
cordova run
Isso criará seu projeto para a plataforma de destino e o implantará em um dispositivo conectado ou em um emulador disponível. O parâmetro da plataforma pode ser uma das plataformas que você adicionou ao seu projeto.
Por exemplo, para executar seu projeto em um dispositivo ou emulador Android, execute:
cordova executar android
Isso iniciará seu aplicativo no dispositivo ou emulador. Testar e depurar o projeto
Para testar e depurar seu projeto, você pode usar várias ferramentas e métodos, como:
O : isso permite que você execute seu aplicativo em um navegador e use as ferramentas de desenvolvedor do navegador para inspecionar e depurar seu código.
O : Esta é uma extensão do VS Code que simula seu aplicativo em um navegador e fornece uma interface do usuário para controlar e monitorar vários recursos do dispositivo, como geolocalização, câmera, rede etc.
O : este é um comando que executa um servidor da Web local e fornece os arquivos do seu aplicativo para um navegador ou dispositivo. Você pode usar isso para testar seu aplicativo em diferentes dispositivos sem criá-lo para cada plataforma.
O : este é um recurso que permite conectar seu dispositivo ao computador e usar as ferramentas de desenvolvedor do navegador para depurar seu aplicativo em execução no dispositivo.
O : este é um recurso que recarrega automaticamente seu aplicativo no dispositivo ou emulador quando você faz alterações em seu código. Você pode usar isso para acelerar seu processo de desenvolvimento e teste.
Conclusão
Neste artigo, aprendemos o que é o Cordova CLI, como baixá-lo e instalá-lo e como usá-lo para criar e gerenciar projetos Cordova. Também aprendemos alguns comandos e tarefas básicas que podemos executar com o Cordova CLI, como criar um novo projeto, adicionar plataformas e plug-ins, criar e executar o projeto e testar e depurar o projeto. Esperamos que este artigo tenha ajudado você a começar a usar o Cordova CLI e a desenvolver aplicativos móveis multiplataforma usando tecnologias da web.
perguntas frequentes
Qual é a diferença entre Cordova e PhoneGap?
Cordova e PhoneGap são estruturas que permitem criar aplicativos móveis multiplataforma usando tecnologias da web. No entanto, o Cordova é o núcleo de código aberto do PhoneGap, que é uma distribuição do Cordova com recursos e serviços adicionais. O PhoneGap é propriedade da Adobe, enquanto o Cordova é mantido pela Apache.
Como atualizo a CLI do Cordova?
Para atualizar o Cordova CLI para a versão mais recente, execute o seguinte comando:
npm update -g cordova
Isso fará o download e instalará a versão mais recente do Cordova CLI e suas dependências.
Como removo uma plataforma ou um plugin do meu projeto?
Para remover uma plataforma do seu projeto, execute o seguinte comando:
plataforma cordova remover
Isso removerá o código e os ativos específicos da plataforma de seu projeto e os excluirá do diretório de plataformas. O parâmetro da plataforma pode ser uma das plataformas que você adicionou ao seu projeto.
Para remover um plug-in do seu projeto, execute o seguinte comando:
plug-in cordova remover
Isso removerá o código e os recursos do plug-in do seu projeto e os excluirá do diretório de plug-ins. O parâmetro plugin pode ser um dos plugins que você adicionou ao seu projeto.
Como faço para listar as plataformas e plugins do meu projeto?
Para listar as plataformas em seu projeto, execute o seguinte comando:
lista de plataformas cordova
Isso exibirá as plataformas que você adicionou ao seu projeto, bem como as plataformas disponíveis que você pode adicionar.
Para listar os plugins em seu projeto, execute o seguinte comando:
lista de plug-ins cordova
Isso exibirá os plug-ins que você adicionou ao seu projeto, juntamente com suas versões.
Onde posso encontrar mais informações e recursos sobre o Cordova CLI?
Você pode encontrar mais informações e recursos sobre o Cordova CLI nos seguintes sites:
: fornece um guia abrangente sobre como usar o Cordova CLI e seus comandos.
: fornece atualizações e notícias sobre o Cordova CLI e outros tópicos relacionados.
: fornece o código-fonte e o rastreador de problemas para o Cordova CLI.
0517a86e26
Comments