DEPRECATED
We are deprecating this template in favor of the webpack one. Some things may have changed and I haven't tested this template in a while.
Check the Groceries Vue app for an example of a working app using the webpack template.
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 theappfolder); - babel with
es2015andstage-2presets;
Usage
- Dependencies:
- Install NativeScript tools (see http://docs.nativescript.org/start/quick-setup)
- Install rollup globally (
npm install --global rollup) -OR- add./node_modules/.binto thePATH.
- 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 templatein action in a complete app.
-
项目搭建 命令行工具输入以下命令，生成模板项目 npm init vue@latest 说明 ✔ Project name: … <项目名称> ✔ Add TypeScript? … No / Yes ---------------------------------------- #安装 TypeScript ✔ Add JSX Support? … No / Yes ------
-
一、认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查工具，和 Typescript 功能类型。Vue.js 的源码利用了 Flow 做了静态类型检查，所以了解 Flow 有助于我们阅读源码。 使用 Flow 的原因，如下所示： JavaScript 是动态类型语言，它的灵活性有目共睹，但是过于灵活的副作用是很容易就写出非常隐蔽的隐患代码，在编译期甚至看上去
-
前言 Vue3 出来也有好一整子了，但 Vue2 的源码原理学习，不论在升职加薪还是在另谋高就的路上，一直是一个必要的环节，正应了“面试造火箭，上班拧螺丝”这句话。尽管之前对 Vue2 的源码也有学习过，但是一直没有进行一个系统的总结，说白了就是懒。最近在掘金上看到 李永宁 大佬的 《Vue 源码解读》 系列文章后，又开始蠢蠢欲动了。这次主要是对核心实现的一个梳理，细节方面不会太过介绍。 源码地址
-
源码构建 源码下载地址：https://github.com/vuejs/vue 源码目录 Vue源码位于src目录下，其目录结构如下： src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── server # 服务端渲染 ├── sfc
-
前言 Vue 源码解读（4）—— 异步更新 最后说到刷新 watcher 队列，执行每个 watcher.run 方法，由 watcher.run 调用 watcher.get，从而执行 watcher.getter 方法，进入实际的更新阶段。这个流程如果不熟悉，建议大家再去读一下这篇文章。 当更新一个渲染 watcher 时，执行的是 updateComponent 方法： // /src/co
-
Supporting NativeScript-Vue NativeScript-Vue is an MIT-licensed open source project made possible by our sponsors: and these awesome backers: Tiago Alves Kamen Bundev Jan Weller OpenLitterMap Aparajit
-
如何在VueJS的中安装外部包。我正在尝试安装VuePortal，但我需要使用，但我不知道放在哪里。 我尝试了一个名为的软件包，并将其放入： 我也放入了的对象，但什么都没有。 谢谢
-
Supporting NativeScript-Vue-Examples This project is a personal maintenance project, due to limited energy, you need to support. Welcome star, your star is my biggest support! NSVue Examples A native
-
A simple router implementation that is suitable for NativeScript-Vue. Prerequisites / Requirements All your own components must have unique name All routes name must have unique name Your app need a m
-
NativeScript-Vue-Navigator NativeScript-Vue-Navigator is a simple router implementation that is suitable for NativeScript-Vue. Quick Start $ npm install --save nativescript-vue-navigator // main.jsimp
-
Awesome NativeScript Vue NativeScript-vue resource collection. This is a document to be completed together. Collaboration with the "revision" branch. Thank you Official: Documentation Repository Slack