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
- 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.