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 theapp
folder); - babel with
es2015
andstage-2
presets;
Usage
-
Install NativeScript tools (see http://docs.nativescript.org/start/quick-setup)
-
Create app from this template
tns create hello-ns-vue --template nativescript-vue-rollup-template
cd hello-ns-vue
- 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
- Code! Check Groceries Vue to see this template in action in a complete app.