带有 Vue.js 的原生应用:Weex 还是 NativeScript？第一章

原文：https://medium.com/hackernoon/native-apps-with-vue-js-weex-or-nativescript-8d8f0bac041d

更新 07-03-2018 :现在有了这篇文章的第二章！一定要在读完这本书后检查一下。

Vue.js 是一个很棒的框架！它有一个友好的学习曲线，结合了 React 的组件方法和 Angular 的模板的优点。尽管如此，Vue.js 仍然有一个可能成为交易破坏者的限制:与 React 的 React Native 不同，Vue.js 目前没有稳定、广泛采用的方法来开发原生应用。

不过，这种情况一定会改变！目前有两个正在开发的框架可以打开用 Vue.js 创建原生应用的大门，我们都喜欢和珍惜这个框架: Weex 和 NativeScript 。在本文中，我们将比较这两种框架，让您至少尝试其中一种！

Weex

Weex 是中国电子商务巨头阿里巴巴创建的一个项目。它的口号是“一次编写，随处运行”，这意味着你可以从完全相同的代码库为 web (html5)、Android 和 iOS 制作版本。目前有几个 Weex 项目正在生产中，掌握在中国数百万用户手中。Weex 的核心正在积极开发中，每周都会有 PRs 发布。Weex 有几个组件、与原生平台交互的插件，以及一组仍然有些粗糙的工具。

不幸的是，Weex 开发者并没有把为开源社区提供这个平台看作是一个优先考虑的事情。确定你有文档，github 回购等。，现在 Weex 在 Apache 孵化器(ASF)下，一些事情正在变得更好。但是……如果不对本地代码进行大量的修改，仍然没有明确的方法从头开始构建 Weex 项目。还有，忘了在官方 gitter 频道用英语交谈吧

原生脚本

四月，伊戈尔·兰杰洛维奇开启了使用 Vue 和 NativeScript 的可能性。[nativescript-vue](https://github.com/rigor789/nativescript-vue)是一个 NativeScript 插件，它弥合了 Vue.js 虚拟 DOM 和 NativeScript 组件之间的差距，允许您使用 Vue.js 构建跨平台的应用程序。虽然该项目仍处于早期阶段，不适合生产应用程序，但它有很大的潜力，因为它利用了 NativeScript 框架及其所有工具和大量组件和插件。有了 webpack，你甚至可以使用.vue单个文件组件(参见这个模板)。

这个社区很棒，非常好！如果你加入官方的 slack，你会发现很多友好的人愿意帮忙，包括 NativeScript 核心团队开发者、nativescript-vue创建者和其他参与项目的人。有很多人想要nativescript-vue工作！

利弊总结

总结每个框架的优点和缺点，我们有:

Weex:

👍生产中(虽然，只在中国)； 👍适用于 Web、Android 和 iOS 的版本； 👎不良社区； 👎粗糙的工具； 👎没有启动项目的清晰路径；

nativescript-vue:

👍超赞的社区！ 👍利用所有 NativeScript 平台； 👎没有准备好生产； 👎仅适用于 Android 和 iOS 的构建(尽管有人使用 web 构建进行代码共享)；

定论

在开源项目中，社区胜过技术。Weex 领先了几个月，并得到了一家大公司的支持，但我们还没有看到社区方面的进展。另一方面， NativeScript + Vue 得到了越来越多的关注。当然，有一些粗糙的边缘，但一旦它们被清除，我们将有一个坚实的框架来开发 Vue.js 的原生应用程序。

我赌 NativeScript ！

接下来:

转到第二章。

链接

Weex:

官方网站:http://weex.incubator.apache.org/
weex How-to:https://hacker noon . com/How-to-create-a-weex-vue 2-project-6b 94981 bee4e
用 Weex 制作的演示待办应用:https://github.com/tralves/weex-todo-list

NativeScript + Vue.js:

nativescript-vue:https://github.com/rigor789/nativescript-vue
关于nativescript-vue的文章:https://www . native script . org/blog/a-new-vue-for-native script
原生脚本松弛通道:http://developer.telerik.com/wp-login.php?动作=松弛-邀请
NS + Vue 模板:https://github.com/tralves/nativescript-vue-template
带 webpack 的 NS + Vue 模板(准备好用于.vue单个文件组件):https://github . com/tralves/native script-Vue-web pack-template

嗯…你怎么知道这些东西的？

我玩 Weex 已经有一段时间了。我做了测试，建了一个试玩 app ，一个穿越视频，写了文章，在本地事件中呈现了关于 Weex 的。然后，我登上了nativescript-vue列车！我写了一个傻 app ，赢了一个比赛还建了一个模板的情侣来平滑入门过程。