1.7 KiB
1.7 KiB
title | localeTitle |
---|---|
Hello World In Ionic | Olá Mundo em Ionic |
Olá Mundo no Ionic !!
Este é o editorial que vai passar por você para fazer um programa Hello World simulado no Ionic.
Passos
1. Instale ionic
, npm
, angular
e cordova
se não for instalado [Veja a primeira introdução para mais informações]
sudo apt-get install nodejs
sudo apt-get install npm
sudo npm install -g ionic cordova
2. Crie uma pasta chamada helloworld
ionic start helloworld blank
Nota: Como este é um projeto pequeno, insira Não ou N quando solicitado durante a execução do programa.
3. Mude o diretório para helloworld
[este é o seu diretório iônico]
cd helloworld
4. Abra a pasta no seu editor de texto. você verá vários arquivos e subpastas.
Não entre em pânico, esses arquivos são gerados automaticamente pelo npm para você. Basta ir para src
-> page
-> home
-> home.html
.
5. Formato Básico de Arquivo
`home.html` is the html page where you can write html syntax.<br/>
`home.scss` is the css page to write css syntax.<br/>
`home.ts` is the typescript page to write typescript code.
6. Exclua o modelo e adicione a sintaxe html conforme mostrado na imagem.
<ion-header>
<ion-navbar>
<ion-title>
Ionic Project
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<h2>Hello World </h2>
</ion-content>
7. Salve o projeto e rode no terminal de sua preferência
$ ionic serve