Vídeo passo a passo: interoperar com ferramentas de terceiros

  • Artigo

No Visual Studio 2013, as ferramentas do Cordova são lançadas como uma versão de visualização (CTP). As ferramentas do Cordova serão lançadas como parte do Visual Studio 2015 e recomendamos usar o Visual Studio 2015 RTM para desenvolver aplicativos usando o Visual Studio Tools for Apache Cordova. Você pode baixar o Visual Studio no Centro de Download da Microsoft.

Apache Cordova projetos que você cria usando várias ferramentas de terceiros são compatíveis com de 2015 Visual Studio, incluindo projetos que você cria usando interfaces de linha de comando (CLIs) como Cordova e Ionic. Neste passo a passo de vídeo, mostraremos como usar o Visual Studio de 2015 com um projeto que você cria usando a CLI Ionic.

Este artigo corresponde as etapas da Cordova tutorial de vídeo de interoperabilidade.

Pré-requisitos

Para seguir as etapas neste tutorial, você deve:

  1. Instalar o Visual Studio de 2015 com o Visual Studio Tools for Apache Cordova.

  2. Instalar a CLI Ionic

Usando um terceiro CLI (Ionic)

Para usar o Visual Studio e a CLI Ionic

  1. Abra uma linha de comando e vá para a pasta onde você irá criar o aplicativo Ionic usando a CLI, como área de trabalho.

    cd Desktop

  2. Digite o seguinte comando para criar um novo projeto Ionic usando o modelo de início de Slide:

    ionic start MyIonicApp slide

    Ionic cria o projeto. No Explorador de arquivos, você pode encontrar o novo projeto, MyIonicApp, no local que você criou.

    Em seguida, podemos preparará o mesmo projeto para que você possa abri-lo no Visual Studio. Faremos que adicionando arquivos ao projeto que contêm metadados exigidos pelo Visual Studio.

  3. Abra o Visual Studio e criar uma nova solução Apache Cordova usando o modelo de aplicativo em branco e nomeie a solução cli.

  4. Feche a solução no Visual Studio.

  5. O local do projeto Visual Studio, cópia cli.jsproj e taco.json para a pasta do projeto MyIonicApp.

    Project structure in Ionic

  6. No Visual Studio, localize o arquivo cli.jsproj na pasta MyIonicApp, selecioná-lo e abri-lo.

    O Visual Studio carrega o projeto Ionic como uma solução do Visual Studio.

  7. No Solution Explorer, escolha Show All Files.

    Project structure in Visual Studio

  8. No prompt de comando, alterne para a pasta MyIonicApp.

  9. Digite o seguinte comando:

    ionic platform add android

    Ionic adiciona uma pasta de plataformas e preenche o projeto com quaisquer outros arquivos necessários para o Android.

    A partir daqui, você pode fazer alterações no projeto usando o Visual Studio ou a CLI Ionic.