Hoy, aprendamos cómo instalar Ionic para construir una pequeña aplicación simple en su computadora. Muchos sitios web escriben métodos de instalación muy complicados. De hecho, principiantes que recién comienzan a aprender iónico, especialmente aquellos que no tienen mucha experiencia en programación, ¿estarán asustados? Se siente tan complicado, qué tipo de entorno Node.js se necesita para instalar e instalar la última versión de Cordova ... en realidad, no es necesario que sea tan problemático. Déjame decirte cómo uso Ionic cuando estoy trabajando en proyectos.
El primer método: introducirlo directamente
Paso 1: Descargue Ionic First
La última versión de Ionic se descarga en: http://ionicframework.com/docs/overview/#download.
Después de descargar, descomprima el paquete comprimido, incluidos los siguientes directorios:
La copia del código es la siguiente:
CSS/ => archivo de estilo
Fonts/ => archivo de fuentes
js/ => archivo javascript
versión.json => Instrucciones de actualización de la versión
También puede descargar el siguiente archivo de recursos en GitHub: https://github.com/driftyco/ionic (en el directorio de lanzamiento).
Paso 2: Introducir archivos
A continuación, solo necesitamos introducir los archivos CSS/Ionic.min.css y JS/Ionic.bundle.min.js en el directorio anterior en el proyecto para crear una aplicación iónica.
<ion-header-bar> <h1> hello world! </h1> </ ion-header-bar> <ion-content> <p> mi primera aplicación iónica. </p> </ion-content>
Nota: En aplicaciones móviles como PhoneGAP, solo necesitamos agregar los archivos JS y CSS correspondientes a la biblioteca de recursos.
El segundo método: instalación de la línea de comandos
Primero debe instalar Node.js. Luego instale las últimas versiones de Cordova e Ionic a través de la herramienta de línea de comandos. Instale refiriéndose a la documentación oficial de Android e iOS.
Abra la herramienta de línea de comando en la ventana y Linux para ejecutar el siguiente comando:
La copia del código es la siguiente:
$ npm instalación -g Cordova Ionic
Use los siguientes comandos en su sistema Mac:
La copia del código es la siguiente:
sudo npm install -g Cordova Ionic
Consejo: iOS debe instalarse y usarse en Mac OS X. y entornos Xcode.
Si ha instalado el entorno anterior, puede ejecutar el siguiente comando para actualizar la versión:
La copia del código es la siguiente:
NPM Update -G Cordova Ionic
o
La copia del código es la siguiente:
SUDO NPM Update -G Cordova Ionic
Crear una aplicación
Cree una aplicación iónica utilizando la plantilla de aplicación preparada proporcionada por Ionic o un proyecto en blanco:
La copia del código es la siguiente:
$ IONIC Start MyApp Tabs
Ejecutar el proyecto iónico que acabamos de crear
Cree, pruebe, ejecute sus aplicaciones usando la herramienta Ionic (o cree directamente a través de Cordova).
Crear aplicación de Android:
La copia del código es la siguiente:
$ CD myapp
Plataforma $ iónica Agregar android
$ iónico Build Android
$ iónico emulado android
Crea una aplicación iOS:
La copia del código es la siguiente:
$ CD myapp
$ iónica plataforma agregue iOS
$ build iónico iOS
$ iónico emulado iOS