Testando App ionic diretamento no VS Code

Neste post irei mostrar como testar um app feito em ionic diretamente no Visual studio Code, não sendo necessário ficar utilizando ALT+TAB.

O que será usado

  • Visual Studio Code
  • Plugin Ionic Preview for VS Code

Instalando

Obs: Estou levando em consideração que você já tenha o Visual Studio Code instalado e configurado e que tenha um projeto ionic criado para teste.

Com o VS Code aberto você deve ir na barra lateral esquerda e ir em Extensions(Ctrl+Shift+X) e pesquisar por:

ionic preview

e instalar o primeiro pacote. Há outros plugins com o mesmo nome, caso tenha duvidas basta instalar o que tenha a maior quantidade de instalações.

Configurando o Plugin

Este plugin no VS Code necessita de uma pequena configuração. basta ir em Settings e em USER SETTINGS, mudar o valor de ionic-preview.host para:

"0.0.0.0"

Mais informações

Teste

Com o VS Code aberto com o seu projeto ionic, basta rodar a aplicação usando o comando abaixo:

ionic serve --adress 127.0.0.1

E depois ir em View->Command Palette e digitar ionic preview, que ira mostrar as opções para você:

Bem simples, assim você não precisa ficar mudando de tela enquanto programa, pois o app será executado em uma aba do VS Code.

Espero que tenham gostado.

comments powered by Disqus