1. Instalación en ambiente iónico
El desarrollo iónico depende del entorno Nodejs, así que necesitamos instalar Nodejs antes del desarrollo. Descargar e instalar:El inicio de sesión del hipervínculo es visible.
Una vez completada la instalación, abre PowerShell e introduce los comandos nodo -v y npm -v para verificar que la instalación ha sido exitosa, y si se devuelve el número de versión, significa que ha sido exitosa.
Ejecutar en la línea de comandos de PowerShell:
Esto consiste en instalar cordova e ionic usando el gestor de paquetes npm, -g significa instalación global, y después de la instalación global, puedes usar comandos cordova e ionic en cualquier directorio de PowerShell.
Puede que te encuentres con el siguiente error:
2. Crear un proyecto jónico
La web oficial de Ionic ofrece tres plantillas de proyectos en blanco, pestañas y menú lateral, por favor consulte:El inicio de sesión del hipervínculo es visible.
Creamos nuestra aplicación usando la plantilla de pestañas, abrimos el CD de PowerShell en el directorio de desarrollo y ejecutamos:
donde myApp es el nombre de nuestro proyecto
Como se muestra a continuación:
C:\project\android>ionic start myApp tabs
√ Creando directorio .\myApp - ¡hecho!
√ Inicio descargando y extrayendo pestañas, ¡listo!
? ¿Te gustaría integrar tu nueva app con Cordova para dirigirte a iOS y Android nativos? Sí
√ Personalizando ionic.config.json y package.json ¡hecho!
> integraciones iónicas permiten la corda --silenciosa
√ Descargando la integración de Cordova, ¡listo!
√ Copiar archivos de integración al proyecto, ¡hecho!
[Vale] ¡Se añadió la integración de Cordova!
Instalar dependencias puede llevar varios minutos.
* IONIC DEVAPP *
Acelera el desarrollo con Ionic DevApp, nuestra aplicación móvil rápida para pruebas en dispositivos
- Probar en iOS y Android sin SDKs nativos
- LiveReload para actualizaciones instantáneas de estilo y JS
️--> Instalar DevApp:El inicio de sesión del hipervínculo es visible. <--
> npm i
× Comando ejecutando - ¡fallido!
[ERROR]
>node-sass@4.9.0install C:\project\android\myApp\node_modules\node-sass
> scripts/install.js node
Descargando binario desdeEl inicio de sesión del hipervínculo es visible.
Descarga completa
Binario guardado en C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Caché binario en C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node
>uglifyjs-webpack-plugin@0.4.6postinstall C:\project\android\myApp\node_modules\uglifyjs-webpack-plugin
> nodo lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> scripts/build.js de nodos
Binario encontrado en C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Prueba binaria
Binario está bien
¡npm ERR! path C:\proyecto\android\miApp\node_modules\fsevents\node_modules
¡npm ERR! código EPERM
¡npm ERR! errno -4048
¡npm ERR! syscall lstat
¡npm ERR! Error: EPERM: operación no permitida, lstat
'C:\proyecto\android\miApp node_modules\\fsevents\node_modules'
¡npm ERR! { Error: EPERM: operación no permitida, lstat
'C:\proyecto\android\miApp node_modules\\fsevents\node_modules'
¡npm ERR! stack: 'Error: EPERM: operación no permitida, lstat
\'C:\\proyecto\\android\\miApp\\\node_modules\\fsevents\\\node_modules'',
¡npm ERR! errno: -4048,
¡npm ERR! código: 'EPERM',
¡npm ERR! Llamada de sistema: 'lstat',
¡npm ERR! path: 'C:\\project\\android\\myApp\\node_modules\node_modules' }
¡npm ERR!
¡npm ERR! Por favor, intenta ejecutar este comando de nuevo como root/Administrador.
¡npm ERR! Un registro completo de esta partida se puede encontrar en:
¡npm ERR! C:\Usuarios\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Se produjo un error,La solución es ejecutar cmd como administrador y luego ejecutar de nuevo el comando anterior！！
Usa el CD para introducir nuestro proyecto y luego ejecuta el siguiente comando para iniciar el servicio del navegador:
Una vez completada la ejecución, Ionic nos ayudará automáticamente a abrir nuestro navegador predeterminado y saltar a la página de la aplicación; cuando el navegador abra la página, Ionic ha activado el modo livereload para nosotros; tras abrirlo, editamos el archivo bajo www y lo guardamos, Ionic notificará al navegador que refresque la página a través del websocket,No tenemos que actualizar manualmente la página cada vez que hacemos cambiosy mejoró enormemente nuestra eficiencia laboral.
Como se muestra a continuación:
|
Publicado en 19/6/2018 15:07:03
|
|
|
|
