资讯专栏INFORMATION COLUMN

[使用 Weex 和 Vue 开发原生应用] 0 项目介绍和文章目录

jackwang / 314人阅读

摘要:全球首个使用和开发的原生应用那就是官方出了一个,是一个完整的使用的例子,并且用到了和服务端渲染。项目介绍和文章目录配置开发环境编写独立页面使用框架的特性使用平台的功能使用使用完整项目目录详解

背景介绍

Weex 和 Vue 已经互相支持,这也不是新闻了(如果你觉得是新闻,自行在网上搜相关信息……),Vue.js 也因此具备了开发原生应用的能力。

Vue 官方仓库中包含了适配 Weex 平台的代码,Weex 也引入了 Vue Runtime 并集成进了 SDK 中,第一个支持 Vue 的 WeexSDK 版本是 v0.9.5,后续版本也都将会支持,建议保持更新。

两个框架之所以能互相适配,是因为两个框架在最初设计时就充分考虑到了扩展性,眼光深远!框架合作减少了开发者的学习负担,是个好事情,可喜可贺???。

全球首个使用 Weex 和 Vue 开发的原生应用

那就是 weex-hackernews !

Vue 官方出了一个 vue-hackernews,是一个完整的使用 Vue 2.0 的例子,并且用到了 Vuex 、 vue-router 和服务端渲染。仿照这个思路,我们也写了一个 weex-hackernews ,不仅用到了 Vue 框架的各种特性,也用到了 Vuex 和 vue-router ,在 Web 、 Android 、 iOS 上都能正常工作,一个完整的三端都有的 App !可以作为一个范例供大家参考。

这个项目实际证明了 Weex + Vue 在 Web 、Android 和 iOS 上都是完全可以运行的,Vuex 和 vue-router 也可以运行在移动端上。我是验证过的,所以我可以有底气地说:Weex + Vue 可以开发原生应用!Weex + Vue 可以开发原生应用!!Weex + Vue 可以开发原生应用!!!

为什么确认是“全球首个”,因为在写这个项目的时候,还没对外发布过支持 Vue 的 WeexSDK,没有使用 Vue 的文档,甚至还没有 Web 端的渲染器(weex-vue-render)。我当时是一边写项目,一边写 Web 渲染器,一边适配 Vue 在 Native 上运行有没有问题,最后才补的文档。。。

我是一个前端,略懂一些 Andorid 和 iOS ,可能客户端上的代码质量并不高,如果大家看哪里不顺眼,欢迎给我提 PR ~

阅读官方文档

《Weex 快速上手》

《Vue.js 介绍》

《Weex 和 Web 平台的差异》

《使用 Vue 开发 Weex 页面》

《Vue.js 在 Weex 和 Web 中的差异》

《在 Weex 中使用 Vuex 和 vue-router》

系列文章目录

因为这跨框架甚至跨端的技术,放在谁那里都不合适,所以官方文档都写得中立一些;这个系列的文章会比官方文档更详细一些,而且会以 weex-hackernews 为实例讲代码,讲细节。

每个人对 Weex 和 Vue 的了解程度不一样,对原生开发和前端开发的了解程度也不一样,所以没有最佳学习顺序,建议【看文档】【看代码】【写例子】交叉循环。

0 《项目介绍和文章目录》

1 《配置开发环境》

2 《编写独立页面》

3 《使用 Vue 框架的特性》

4 《使用 Weex 平台的功能》

5 《使用 Vuex》

6 《使用 vue-router》

7 《完整项目目录详解》

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/16624.html

相关文章

  • [使用 Weex Vue 开发原生应用] 0 项目介绍文章目录

    摘要:全球首个使用和开发的原生应用那就是官方出了一个,是一个完整的使用的例子,并且用到了和服务端渲染。项目介绍和文章目录配置开发环境编写独立页面使用框架的特性使用平台的功能使用使用完整项目目录详解 背景介绍 Weex 和 Vue 已经互相支持,这也不是新闻了(如果你觉得是新闻,自行在网上搜相关信息……),Vue.js 也因此具备了开发原生应用的能力。 Vue 官方仓库中包含了适配 Weex ...

    DevWiki 评论0 收藏0
  • [使用 Weex Vue 开发原生应用] 0 项目介绍文章目录

    摘要:全球首个使用和开发的原生应用那就是官方出了一个,是一个完整的使用的例子,并且用到了和服务端渲染。项目介绍和文章目录配置开发环境编写独立页面使用框架的特性使用平台的功能使用使用完整项目目录详解 背景介绍 Weex 和 Vue 已经互相支持,这也不是新闻了(如果你觉得是新闻,自行在网上搜相关信息……),Vue.js 也因此具备了开发原生应用的能力。 Vue 官方仓库中包含了适配 Weex ...

    岳光 评论0 收藏0
  • [使用 Weex Vue 开发原生应用] 1 如何配置开发环境

    摘要:从才开始支持,使用之前请确保版本正确。使用最初存在的目的就是为了方便大家打包和应用,是解决原生开发的一些问题的。运行至少得装和,建议使用,生成的安卓工程是基于的运行得用,依赖管理使用,再稍微配置一下即可。 系列文章的目录在 ? 这里 开始之前 每个项目开始之前,都会先讲怎么搭环境,Weex 和 Vue 都讲了。其实一个框架推出之后,怎么配置开发环境这类文章会比较多,每个人写的都不一样,...

    MycLambert 评论0 收藏0
  • [使用 Weex Vue 开发原生应用] 1 如何配置开发环境

    摘要:从才开始支持,使用之前请确保版本正确。使用最初存在的目的就是为了方便大家打包和应用,是解决原生开发的一些问题的。运行至少得装和,建议使用,生成的安卓工程是基于的运行得用,依赖管理使用,再稍微配置一下即可。 系列文章的目录在 ? 这里 开始之前 每个项目开始之前,都会先讲怎么搭环境,Weex 和 Vue 都讲了。其实一个框架推出之后,怎么配置开发环境这类文章会比较多,每个人写的都不一样,...

    zxhaaa 评论0 收藏0
  • [使用 Weex Vue 开发原生应用] 7 完整项目目录详解

    摘要:系列文章的目录在这里是一个使用开发的原生应用项目,可以实现同一份代码在三端中运行。项目使用了管理依赖,在启动项目之前应该配置好命令,然后进入目录执行以下脚本安装依赖项目目录和目录中存放着各自平台的原生项目,页面源码都在目录中。 系列文章的目录在 ? 这里 weex-hackernews 是一个使用 Weex + Vue 开发的原生应用项目,可以实现同一份代码在三端中运行。不仅用到了 W...

    Jensen 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<