nativescript-vue-rollup-template
by tralves | v0.1.0
A rollup template for nativescript-vue
npm i --save nativescript-vue-rollup-template
  • Version: 0.1.0
  • GitHub:
  • Downloads:
    • Last Day:   0
    • Last Week:  2
    • Last Month: 7

NativeScript Vue.js Template

This repo serves as the starting point for NativeScript + Vue.js projects, using nativescript-vue.

This template creates a project ready to use with Vue single file components* (.vue files)!

It creates a project with the structure:

my-app
|
|-app # your app code
| |-components
| |-...
|
|-tns # the generated tns project
| |-app
| |-...
|...

This template supports:

  • .vue Single-File Components;
  • scss imports and inside <style> tags in .vue files;
  • root imports (imports starting with / refer to the root of the app folder);
  • babel with es2015 and stage-2 presets;

Usage

  1. Install NativeScript tools (see http://docs.nativescript.org/start/quick-setup)

  2. Create app from this template

tns create hello-ns-vue --template nativescript-vue-rollup-template

cd hello-ns-vue
  1. Watch for changes while developing

In two separate terminals run:

# terminal 1
rollup -c -w

# terminal 2
cd tns
tns run android
# or
tns run ios
  1. Code! Check Groceries Vue to see this template in action in a complete app.