Vue Native CLI

Build Native Mobile apps using Vue

Vue Native is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything what you can do with React Native.

Vue Native CLI is a basic command line interface that generates a simple 1 page application with Expo, or optionally with React Native CLI

Installation Prerequisites

Since Vue Native is a wrapper around React Native, to use the CLI, you must have either expo-cli or react-native-cli installed globally.

To install Expo globally, use the following command:

$ npm install -g expo-cli

If you wish to use React Native CLI instead, use the following command to install it globally:

$ npm install -g react-native-cli

You will also need Android Studio / Xcode for development.

Installation

Once the prerequisites have been installed, you are all set to install vue-native-cli.

$ npm install -g vue-native-cli

Usage

For Expo users

Generate an app with the following command:

$ vue-native init <projectName>

This will create a project folder with the specified name in the current working directory.

To start the development server, execute the following commands:

$ cd <projectName>
$ npm start

Alternatively, you may use expo start to start the development server. expo start --ios and expo start --android can be used to directly start the application on the respective platform emulators.

For React Native CLI users

Generate an app with the following command:

$ vue-native init <projectName> --no-expo

Once the setup is complete, cd into the project directory and start the developement server as follows:

$ cd <projectName>
$ npm start

You may also use react-native commands directly. For example to run the application on an iPhone X simulator (assuming Xcode is installed), run

$ react-native run-ios --simulator "iPhone X"

Useful links

• The official Vue Native documentation
• The Vue Native KitchenSink app