Aplicaciones

Instalar IONIC – Curso de Ionic APP desde cero 💪 APK PC

Hola este video estará relacionado con aplicacion android visual studio 2017 puedes ver en nuestra web una gran cantidad de aplicaciones para aplicacion android visual studio 2017, recuerda que todo el contenido aquí es tirado solo te pedimos que compartas el articulo por redes sociales si te ha servido mucho contenido sobre aplicacion android visual studio 2017 es de las mejores versiones para tu móvil Android un sistema que es popular en los Smartphones y cada vez es mas popular

Vamos a instalar IONIC y comenzar a desarrollar nuestra primera aplicación móvil compatible con Android, Ios y Windows.

Vamos a configurar Ionic en nuestro computador, pero antiguamente vamos a instalar Nodejs y Cordova.

Quiero que se entienda que el proceso de instalar nodejs, cordova y ionic, se realiza solo una vez.

Aquí están los enlaces ocupados en el video tutorial: http://ionic-bluuweb.blogspot.cl/2017/07/como-instalar-ionic-y-crear-nuestra.html

El primer software será Node js, y esto nos sirve basicamente para trabajar con su paquete de instalación npm, por lo cual iremos al sitio oficial y descargaremos su instalador el cual será próximo próximo ulterior…

Una vez que tenemos Nodejs en nuestro computador ya podremos instalar framework a través de npm.

Si nos fijamos en la página de ionic verás que el primer paso dice npm install -g… pero antiguamente nos indica que tenemos que tener instalado Node y Cordova… esto postrer nos servirá para que nuestra aplicación sea compatible con diferentes dispositivos móviles.

Nos vamos al sitio oficial de Cordova y vemos el instalador a través de npm por lo tanto copiamos esta fila de código y abrimos Visual Studio Code, si tu estás trabajando con otro editor de código tendrás que aclarar la linea de comandos que tengas instalada en tu sistema, yo prefiero trabajar con Visual Studio Code ya que así no tendré que tener diferentes ventanas abiertas al momento de trabajar con la terminal.

Una vez que tengamos destapado visual studio ocupamos el hatajo ctrl + ñ y se nos abrirá la terminal.
Pegamos lo que previamente habíamos copiado y damos a enter.

Si te aparece algún warning no te preocupes siempre y cuando no te aparezcan alertas de fallos estará todo proporcionadamente.

Podemos introducir cordova -v para visualizar su interpretación y hasta aquí todo admisiblemente.

Ahora instalaremos ionic en nuestro sistema…
Volvemos al sitio oficial y podremos copiar la cuerda npm install -g cordova ionic, una nota importante es el -g… esto significa que es una instalación universal por lo tanto solo tendremos que hacer este paso una vez…

Así que vamos a nuestra terminal y pegamos el código…a posteriori de unos minutos, ya tendremos instalado ionic en nuestro computador.

Verificamos la traducción con ionic info y si todo esta ok seguiremos con el próximo paso que es crear nuestro primero esquema.

Todo lo que hicimos previamente, como te repito se hace solo una vez… el instalar nuevos proyectos es lo que se repetirá en el futuro.

Nos vamos al paso dos y aquí tenemos el comenzar con una app
dice ionic star myApp tabs
El myApp es el nombre de la aplicación así que puedes cambiarlo y el tabs es una plantilla… ya veremos con decano detalle esto pero es para no comenzar con un esquema desde cero.

¿Y donde pegamos este código?, bueno primero nos vamos a una carpeta donde quieras seguir tu plan… arrastramos esa carpeta a visual studio code… abrimos la terminal con ctrl + ñ y nos fijamos que automáticamente estamos en la ruta de la carpeta que acabamos de crear, esto es importante ya que es aquí donde vamos a instalar nuestro esquema.
Pegamos el código y damos a enter.
Este proceso se va a tardar un poco así que paciencia.

Cuando esté todo ok, nos aparecera un aviso de si queremos vincular con la cuenta de ionic, por ahora le decimos que no con la signo n.

Vamos a visualizar nuestra primera aplicación y para eso tendremos que ejecutar un servidor, pero antaño tenemos que dirigirnos a la carpeta myApp con cd myApp, verás que la ruta cambia y ahora estamos en el interior de nuestra aplicación.
Colocamos ionic serve para visualizar nuestro plan… esto nos dará una ruta la cual copiamos en el navegador.

Y waula! ya tenemos nuestra primera aplicación en marcha.
Voy a ceñir la pantalla y ver en modo responsive para visualizarla de mejor guisa.

Por ahora hemos instalado nuestro primero esquema llamado myApp y si nos dirigimos a la carpeta verás que son una cantidad de archivos impresionantes pero en el próximo video veremos que no tendrás que tocar casi carencia.

Espero que te recuperes posteriormente de tanto chamullo y nos vemos en el futuro video tutorial.

MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: https://goo.gl/yoMdMZ
📌 JAVASCRIPT: https://goo.gl/hnQkog
📌 JQUERY: https://goo.gl/Ag7XsG
📌 CSS GRID: https://goo.gl/nR56pT
📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R
📌 BOOTSTRAP 4: https://goo.gl/npezrj
📌 PHOTOSHOP: https://goo.gl/1C9k5n
📌 PSD A HTML: https://goo.gl/VYX2V6
📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm
📌 PHP Y MYSQL: https://goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH
📌 ANGULAR: https://goo.gl/WJhtnC
📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i
📌 PHP LARAVEL: https://goo.gl/iAbPBy
📌 MATERIALIZE CSS: https://goo.gl/7pSFY5
📌 IONIC: https://goo.gl/RNGKTD
📌 SASS: https://goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi

¿Te gustó este video?
Puedes regalarme un café aquí: https://www.paypal.me/bluuweb

Finalmente visitante mi sitio web: https://bluuweb.org
Hola gracias por presentarse nuestro sitio aquí encontraras programas juegos y muchas cosas mas
Esta atento a todas las cosas que te puedan suceder con los horoscopos diarios que te brinda esta web lo mejor para memorizar como estara el dia y que te deparan los astros
Este 2019 viene con todo y nuevas peliculas se estrenaran
Serries anime y estrenos como Bird Box se encuentran aquí
La nuevas pelicula de Dragon Ball Super estara adecuado para que la veas
Las nuevas peliculas estreno del 2019 tambien las encontraras aqui
Puedes descargar ese equipo que tanto buscabas utiliza el buscador y encuentra los nuevos estrenos en este 2019
Tutoriales y muchas cosas mas podras encontrar aquí en este sitio
Dale me gusta a nuestra pagina de facebook y siguenos para que te notifiquemos de algun nuevo diversión que este saliendo
Programas con su respectivo crack podras encontrar en el mejor servidor adecuado para su descarga sigue las instrucciones al pie de la romance y podras usarlo sin restricciones te deseo un buen año y espero que la informacion que este aquí te sirva hasta luego

About the author

admin

39 Comments

Click here to post a comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  • excelente , tengo un problema al crear el proyecto iconic .. me sale el siguiente error : ""ionic : No se puede cargar el archivo C:Usersing. Julian GarciaAppDataRoamingnpmionic.ps1 porque la ejecución de scripts está

    deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en

    https:/go.microsoft.com/fwlink/?LinkID=135170.

    En línea: 1 Carácter: 1

    + ionic start myApp sidemenu

    + ~~~~~

    + CategoryInfo : SecurityError: (:) [], PSSecurityException

    + FullyQualifiedErrorId : UnauthorizedAccess""

  • amigo cambio totalmente la versión de las capetas y nombres el cual me dificulta mucho comprenderte, q me recomendas? Tus videos tienen el node js v6.11.1 el cual a mi me aparece el node js v14.15.1 LTS , intente poner un nvm y ocupar tu node el cual me dice q no es valido xq vencio el 4/2019. NOSE Q MAS HACER. Tus videos entiendo pero con la nueva version de ionic no puedo comprenderte, te dejo mi correo x si me podrias dar una mano por favor, gracias.
    correo:
    [email protected]hotmail.com

  • Alguien me podria ayudar con este error
    TypeError: You must specify a "protocol" for the proxy type (http, https, socks, socks4, socks4a, socks5, socks5h,

    pac+data, pac+file, pac+ftp, pac+http, pac+https)

  • hola disculpa me sale este error al instalar ionic
    PS D:ReusDocumentspruebapro> cordova -v

    cordova : No se puede cargar el archivo

    C:UsersReusAppDataRoamingnpmcordova.ps1. El archivo

    C:UsersReusAppDataRoamingnpmcordova.ps1 no está

    firmado digitalmente. No se puede ejecutar este script en el

    sistema actual. Para obtener más información acerca de la

    ejecución de scripts y la configuración de la directiva de

    ejecución, consulta about_Execution_Policies en

    https:/go.microsoft.com/fwlink/?LinkID=135170.

    En línea: 1 Carácter: 1

    + cordova -v

    + ~~~~~~~

    + CategoryInfo : SecurityError: (:) [], PSSecur

    ityException

    + FullyQualifiedErrorId : UnauthorizedAccess

  • hola espero que me puedan ayudar instale todo como esta el tutorial sin problemas pero al momento de arrastrar mi carpeta a VS y poner "ionic start myApp tabs" en la terminal me manda un error "—->ionic : No se puede cargar el archivo C:UsersVIctor JrAppDataRoamingnpmionic.ps1 porque la ejecución de scripts

    está deshabilitada en este sistema. Para obtener más información, consulta el tema about_Execution_Policies en

    https:/go.microsoft.com/fwlink/?LinkID=135170.

    En línea: 1 Carácter: 1

    + ionic start myApp tabs

    + ~~~~~

    + CategoryInfo : SecurityError: (:) [], PSSecurityException

    + FullyQualifiedErrorId : UnauthorizedAccess<—-"
    alguien sabe como resolverlo?

  • hay una nueva actualizacion de ionic en la pagina principal y los ejemplos que tu das ya no corren dan muchos errores y pierdo mucho tiempo solucionando los errores, la estructura de las carpetas creadas por un proyecto tambien cambiaron, sugerencia deberias actualizar los cursos xq de verdad tienes una facilidad para explicar y tu metodo es magnifico

  • Hola a todos, yo tengo la siguiente duda.
    Se que el tutorial es del 2017, no es ningun problema, solo quiero tener algunas nociones de ionic. Mirando en la página de ionic, solo pide que instales node.js pero ¿es recomendable tener el cordova o ya no hace falta?

    Muchas gracias y un saludo,
    Ruymán M.

  • Hola muy clara tus explicaciones. Tengo un problema todo me funciona bien, pero cuando inicio myApp con la plantilla que indicas no me genera la carpeta page ni el archivo config.xml que como explicas son los los archivos principales para modificar la App, estaré atento a tus comentarios, gracias por la ayuda
    Ps: trabajó en Windows 10

  • Saludos, Cuando intento ver mio versión de cordova en la terminar de VS Code me da un error, me dice que no s epuede cargar el archivo porque el scrit esta deshabilitada en este sistema. pero, cuendo lo hago en CMD de Windows lo hace bien.

  • muy bueno el video, pero tengo un pequeño problema con la instalación (pegar el Cordova) en el Visual Studio Code

    npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
    npm ERR! code EACCES
    npm ERR! syscall access
    npm ERR! path /usr/local/lib/node_modules
    npm ERR! errno -13
    npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
    npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] {
    npm ERR! stack: "Error: EACCES: permission denied, access '/usr/local/lib/node_modules'",
    npm ERR! errno: -13,
    npm ERR! code: 'EACCES',
    npm ERR! syscall: 'access',
    npm ERR! path: '/usr/local/lib/node_modules'
    npm ERR! }
    npm ERR!
    npm ERR! The operation was rejected by your operating system.
    npm ERR! It is likely you do not have the permissions to access this file as the current user
    npm ERR!
    npm ERR! If you believe this might be a permissions issue, please double-check the
    npm ERR! permissions of the file and its containing directories, or try running
    npm ERR! the command again as root/Administrator.

    npm ERR! A complete log of this run can be found in:

  • Si a alguien le sirve, si les sale error tienen que verificar qué les falta por instalar. Recomiendo realizar todo el proceso de instalacion desde el CMD.

    Cuando ejecuten "cd my app" y estén en la terminal dentro de la carpeta "myapp" deben colocar el siguiente comando.

    "ionic info" (sin las comillas).

    Cuando les salga la información, se darán cuenta que aparecerá al lado derecho "not installed" o algo parecido. Bueno, deben instalar mediante el mismo CMD lo que les falta.

    ¿Cómo lo hacen?. Deben copiar y pegar lo que les falta y buscar el código para instalar y ahí van verificando con "ionic info" cada vez que termine la instalación.

    Por ejemplo, si aparece "native-run": not installed" deben buscar el código que les permite ejecutar e instalar native-run, que es "npm i native-run", copian, pegan y presionan enter y se instalará.

    Cuando temrine la instalación vuelven a colocar "ionic info", le dan a Enter y podrán verificar la instalación y les saldrá que versión está instalada.

    ¿Dónde buscar cada cosa que les falta para instalar mediante comando? (aquí): nmpjs.com

    Problema solucionado.

    Si les aparecen otros errores pregunten a ver si puedo ayudar.

    Yo instalé sin ningún problema con la última versión de ionic y de Node.js y ahí solucioné el problema de "ionic serve".

    Otro problema:

    Si alguien tiene un problema para visualizar el ionic serve, deben ingresar este comando en el CMD o en Visual Studio.

    ./node_modules/.bin/ng run app:serve y con eso podrán ver el progreso de su aplicación, ya que me arrojaba error 127 que no pude solucionar y sólo
    puedo ver el avance de esa manera que es lo mismo.

  • me sale este error intento de todo nada
    npm ERR! Unexpected end of JSON input while parsing near '…2"},"devDependencies"'

    npm ERR! A complete log of this run can be found in:

    npm ERR! C:UsersBlackPointAppDataRoamingnpm-cache_logs2019-08-12T20_51_23_147Z-debug.log

    quien me ayuda

  • Hola!
    Me devuelve esta advertencia al instalar npm install -g ionic cordova
    You are not in an Ionic project directory. Project context may be missing.

    Es una advertencia grave? o no me representará problema?