Skip to content

Latest commit

 

History

History
30 lines (19 loc) · 1.81 KB

01c-tutorial.md

File metadata and controls

30 lines (19 loc) · 1.81 KB

1.3 Ionic 2 Tutorial

Agora que você tem o Ionic instalado juntamente com suas dependências, você pode desenvolver seu primeiro aplicativo! Esta seção irá guiá-lo através do processo de iniciar uma nova aplicação, adicionando páginas, navegação entre as páginas, e muito mais. Vamos começar!

Iniciano um novo aplicativo Ionic 2

Vanos desenvolver um aplicativo! Use o comando start para inicializar um novo aplicativo Ionic. Especifique que você quer que ele seja um aplicativo Ionic 2 passando a opção --v2. Nós também especificamos que o modelo tutorial poderia ser usado.

$ ionic start MyIonic2Project tutorial --v2

Isso vai baixar o Ionic 2, instalar os módulos npm para a aplicação, e obter o Cordova configurado e pronto para utilizar.

Quer usar o TypeScript em vez disso? Passe o sinalizador --ts e obtenha uma configuração de projeto de TypeScript em seu lugar.

Você pode ter notado que nós passamos tutorial para o comando ionic start. Isto diz para o Ionic inicializar seu aplicativo usando o modelo tutorial. Se você não especificar um modelo executando ionic start MyIonic2Project --v2, o tab starter será utilizado.

Visualizando o aplicativo em um navegador

Agora, você pode cd para entrar na pasta que foi criada. Para obter uma visualização rápida do seu aplicativo no navegador, use o comando serve.

$ cd MyIonic2Project/
$ ionic serve

tutorial-screen

Você deverá ver a mensagem de boas vindas mostrada acima, se tudo foi instalado com sucesso.

Na próxima seção, vamos falar sobre a estrutura do projeto criado pelo comando ionic.