Note: This is a new version of the template, if you are looking for the old template, it is available on the legacy branch.

vue-cli-template

NativeScript-Vue application template for quick prototyping with vue-cli (2.x).

Usage

This is a project template for vue-cli.

# Scaffold project
npm install -g @vue/cli @vue/cli-init
vue init nativescript-vue/vue-cli-template <project-name>
cd <project-name>

# Install dependencies
npm install

# Build
tns build <platform>

# Preview the application on a device
tns preview

# Build, watch for changes and run the application
tns run

# Clean the NativeScript application instance
tns platform remove <platform>

# Hot Module Replacement (HMR) disabled Debugging session 
tns debug <platform> --no-hmr

Yarn usage

# Scaffold project
yarn global add @vue/cli @vue/cli-init
vue init nativescript-vue/vue-cli-template <project-name>
cd <project-name>

# Install dependencies
yarn

Debugging vs Production

During usual run, project runs with following settings -

1. Code is not minified
2. Vue.config.silent is false, so every component creation is logged

# Build, watch for changes and debug the application
tns debug <platform>

To minify code, and prevent Vue logs -

# Build for production
tns build <platform> --env.production

# Run as production
tns run <platform> --env.production

Using NativeScript plugins

Installing plugins is the same as official NativeScript documentation.

Use tns plugin add from the root of the project directory.

tns plugin add <plugin-name>

Please note that some plugins still have issues resolving with this template, visit the community Slack for getting them to work and for general help.