Para iniciar o desenvolvimento ou até o mesmo o debug das aplicações mobile, será necessário executar os passos abaixo:
- Possuir as variáveis de ambiente abaixo configuradas. Caso não tenha, realizar a criação das variáveis
- JAVA_HOME;
- ANDROID_SDK_ROOT;
- Path - JAVA_HOME;
- Path - ANDROID_HOME;
- Path - ANDROID_HOME\tools;
- Path - ANDROID_HOME\platform-tools;
- Path - C:\gradle-7.6.x\bin;
Caminho para as variáveis de ambiente:
Digitar na barra de tarefas: Sobre o computador e selecionar o item que será exibido:
![](/download/attachments/753653968/1.png?version=1&modificationDate=1681771699577&api=v2)
Clicar em Configurações Avançadas do Sistema:
![](/download/attachments/753653968/1.1.png?version=1&modificationDate=1681771750257&api=v2)
Selecionar a opção Variáveis de Ambiente:
![](/download/attachments/753653968/1.2.png?version=1&modificationDate=1681771773587&api=v2)
Incluir as variáveis citadas:
![](/download/attachments/753653968/1.3.png?version=1&modificationDate=1681771797600&api=v2)
![](/download/attachments/753653968/1.4.png?version=1&modificationDate=1681771813563&api=v2)
- Abrir o Visual Studio Code e verificar se a extensão Cordova Tools está instalada e habilitada. Se não tiver, efetuar a instalação da extensão e ativá-la. Após a instalação da extensão será necessário reiniciar o Visual Studio Code.
- Abrir solução e executar o comando npm i ou npm i --force para a instalação das dependências.
- No Visual Studio Code:
- Localizar o arquivo launch.json, digitando Ctrl + P e o nome do arquivo.
Ao encontrar o arquivo, efetuar a exclusão do mesmo. Após será criado novamente.
- Executar os comandos abaixo um seguido do outro:
ionic cordova prepare android
ionic cordova run android
- No canto esquerdo selecionar a opção Debug. Ao abrir a nova aba, clicar no botão Run and Debug e selecionar a opção Cordova.
Caso não ocorra nada, selecionar a opção "Show all automatic debug configurations", depois a opção Add Configuração e a opção Cordova. Por fim, marcar a opção "Server to the browser (ionic server)";
- No terminal, executar o comando abaixo:
ionic serve -nobrowser
- Se o comando for executado com sucesso, após exibir a URL:
No combo no canto esquerdo selecionar a opção "Server to the browser (ionic server)" e clicar no botão de Play.
![](/download/attachments/753653968/10.png?version=1&modificationDate=1681771858917&api=v2)