¿Cómo instalar Vue Native?

Vue Native es un marco móvil para crear una aplicación móvil verdaderamente nativa utilizando Vue.js. Está diseñado para conectar React Native y Vue.js. Vue Native es solo una envoltura de las API de React Native, que nos permite usar Vue.js y componer interfaces de usuario móviles impresionantes y creativas.

Vue.js

Vue (pronunciado como vista) es un marco progresivo para construir interfaces de usuario. Vue está diseñado desde cero para ser adoptado de forma incremental. La biblioteca central se enfoca solo en la capa de vista y es fácil de integrar con sus proyectos existentes. Verificación rápida, espero que ya tenga estas cosas instaladas con la versión dada o superior

• Node instalado globalmente ≥ 6.0
• Npm instalado globalmente ≥ 4.0
• Expo CLI instalada globalmente O React Native CLI

Implementación paso a paso

Abrir CMD

Paso 1: Instale la CLI nativa de Vue

Instale Vue Native CLI globalmente con el siguiente comando:

 npm install –global vue-nativo-cli

Para usuarios de la Expo

Expo se diseñó para permitir a los desarrolladores configurar y desarrollar rápidamente aplicaciones React Native sin tener que configurar Xcode o Android Studio.

Paso 1: Instale Expo CLI globalmente

 instalación de npm –expo-cli global

Eso es mis amigos!! Llevará tiempo crearlo y comprobar si funciona. Cree un nuevo proyecto usando el comando init de la CLI

 vue-native init <nombre del proyecto>

vue-nativo init todoapp

Ahora ya está todo listo para ejecutar la aplicación

Ahora haga cd en la carpeta recién creada con el nombre de su proyecto e inicie el servidor de desarrollo.

cd <nombre del proyecto>

inicio de npm

Ahora verás esta pantalla preguntando por iOS o Android 

Simplemente presione «a», conecte su teléfono con la depuración activada y verá su aplicación ejecutándose

Felicidades estas en el ecosistema de Vue Native

Para usuarios de React Native CLI

Si usa Expo para desarrollar su aplicación, tiene la desventaja de que no puede trabajar con módulos nativos personalizados más allá de la API de React Native , ya que Expo no crea código nativo. Entonces, si alguna vez necesita trabajar con módulos Java o Swift personalizados, deberá expulsar la aplicación con expo eject . pero si configurará su proyecto con React Native CLI, lo que le permitirá trabajar con dichos módulos desde el principio.

Paso 1: Primero instalemos React Native CLI globalmente en su computadora

 npm install –global reaccionar-nativo-cli

Paso 2: Ahora, para probar, creemos un nuevo proyecto usando el comando init de la CLI con la opción –no-expo

 vue-native init <nombre del proyecto> –no-expo

Paso 3: ahora vamos a ejecutar la aplicación

Ahora haga cd en el directorio recién creado e inicie el servidor de desarrollo.

 cd <nombre del proyecto>

 inicio de npm

También puede usar react-native-CLI para iniciar la aplicación con opciones específicas de la plataforma. Por ejemplo, si desea iniciar el servidor de desarrollo y la aplicación en un emulador de Android en ejecución, mientras

 reaccionar-nativo ejecutar-android

Si desea iniciar el servidor de desarrollo y la aplicación en un simulador de iPhone 8.

 react-native run-ios –simulator “iPhone 8”