nativescript-vue-rollup-template
为nativescript-vue设计的rollup模板
npm i --save nativescript-vue-rollup-template

NativeScript Vue.js 模板

此仓库作为NativeScript + Vue.js项目的起点,使用nativescript-vue

此模板创建一个可以使用Vue单文件组件(*.vue文件)的项目!

它创建的项目结构为

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

此模板支持

  • .vue 单文件组件;
  • scss 导入和.vue文件中的<style>标签内;
  • 根导入(以/开始的导入指向app文件夹的根目录);
  • 使用es2015stage-2预设的babel;

使用方法

  1. 安装NativeScript工具(参见https://docs.nativescript.cn/start/quick-setup)

  2. 从此模板创建应用

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

cd hello-ns-vue
  1. 开发时监控更改

在两个独立的终端中运行

# terminal 1
rollup -c -w

# terminal 2
cd tns
tns run android
# or
tns run ios
  1. 编写代码!查看Groceries Vue以在完整应用程序中查看此模板的实际应用。