npm i --save nativescript-vue-rollup-template
- 版本:0.1.0
- GitHub:
- NPM: https://npmjs.net.cn/package/nativescript-vue-rollup-template
- 下载
- 昨天: 0
- 上周: 0
- 上个月: 0
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
文件夹的根目录); - 使用
es2015
和stage-2
预设的babel;
使用方法
-
安装NativeScript工具(参见https://docs.nativescript.cn/start/quick-setup)
-
从此模板创建应用
tns create hello-ns-vue --template nativescript-vue-rollup-template
cd hello-ns-vue
- 开发时监控更改
在两个独立的终端中运行
# terminal 1
rollup -c -w
# terminal 2
cd tns
tns run android
# or
tns run ios
- 编写代码!查看Groceries Vue以在完整应用程序中查看此模板的实际应用。