Hoje, vamos aprender a instalar o Ionic para criar um aplicativo pequeno e simples no seu computador. Muitos sites escrevem métodos de instalação muito complicados. De fato, iniciantes que estão apenas começando a aprender Ionic, especialmente aqueles que não têm muita experiência de programação, eles ficarão assustados? Parece tão complicado, que tipo de ambiente Node.js é necessário para instalar e instalar a versão mais recente do Cordova ... na verdade, não precisa ser tão problemático. Deixe -me dizer como uso a Ionic quando estou trabalhando em projetos.
O primeiro método: apresente -o diretamente
Etapa 1: Baixe o Ionic primeiro
A versão mais recente do Ionic é baixada em: http://ionicframework.com/docs/overview/#download.
Após o download, descompacte o pacote compactado, incluindo os seguintes diretórios:
A cópia do código é a seguinte:
Arquivo de estilo CSS/ =>
fontes/ => arquivo de fonte
JS/ => Arquivo JavaScript
Version.json => Instruções de atualização da versão
Você também pode baixar o seguinte arquivo de recurso no github: https://github.com/driftyco/ionic (no diretório de liberação).
Etapa 2: Apresente arquivos
Em seguida, precisamos apenas introduzir os arquivos css/ionic.min.css e js/ionic.bundle.min.js no diretório acima no projeto para criar um aplicativo iônico.
<iion-header-Bars> <h1> Olá mundo! </p> </one-content>
NOTA: Em aplicativos móveis, como o PhoneGap, precisamos adicionar apenas os arquivos JS e CSS correspondentes à biblioteca de recursos.
O segundo método: instalação da linha de comando
Primeiro você precisa instalar o Node.js. Em seguida, instale as versões mais recentes de Cordova e Ionic através da ferramenta de linha de comando. Instale referindo -se à documentação oficial do Android e do iOS.
Abra a ferramenta de linha de comando na janela e Linux para executar o seguinte comando:
A cópia do código é a seguinte:
$ npm install -g cordova iionic
Use os seguintes comandos em seu sistema MAC:
A cópia do código é a seguinte:
sudo npm install -g cordova iionic
Dica: o iOS precisa ser instalado e usado em ambientes Mac OS X. e Xcode.
Se você instalou o ambiente acima, pode executar o seguinte comando para atualizar a versão:
A cópia do código é a seguinte:
npm update -g cordova iionic
ou
A cópia do código é a seguinte:
sudo npm update -g cordova iionic
Criar um aplicativo
Crie um aplicativo iônico usando o modelo de aplicativo pronto fornecido pela Ionic, ou um projeto em branco:
A cópia do código é a seguinte:
$ ionic Start MyApp Tabs
Execute o projeto iônico que acabamos de criar
Crie, teste, execute seus aplicativos usando ferramenta iônica (ou crie diretamente via Cordova).
Crie o aplicativo Android:
A cópia do código é a seguinte:
$ CD MyApp
$ Ionic Platform Add Android
$ Ionic Build Android
$ ionic emular Android
Crie um aplicativo iOS:
A cópia do código é a seguinte:
$ CD MyApp
$ Ionic Platform Add iOS
$ Ionic Build iOS
$ ionic emular iOS