摘要:有兴趣的兄台可以了解一下来正题,什么是这里有简介阿里巴巴开发团队在的成功案例上,重新设计出的一套开发模式,站在了巨人肩膀上并有淘宝团队项目做养料,广受关注,年月正式开源,并在版本官方支持,与分庭抗礼。首先安装好的开发环境。
搞了几个月的Vuejs,也是时候开始搞搞基于Vuejs语法的Weex App了。
这里做个广告,最近用vuejs开发了一个小系统(前后端分离),架构有参考Oracle EBS,功能/职责随便配置。有兴趣的兄台可以了解一下:https://github.com/samt007/je...
来正题,什么是Weex App?
这里有简介:
Weex App
阿里巴巴开发团队在RN的成功案例上,重新设计出的一套开发模式,站在了巨人肩膀上并有淘宝团队项目做养料,广受关注,2016年4月正式开源,并在v2.0版本官方支持Vue.js,与RN分庭抗礼。优点:单页开发模式效率极高,热更新发包体积小,并且跨平台性更强
缺点:刚刚起步,文档欠缺;社区没有RN活跃,功能尚不健全,暂不适合完全使用Weex开发App
举个栗子:淘宝、天猫、阿里云、优酷、闲鱼、饿了么等
推荐看的文章:https://segmentfault.com/a/11...
Weex淘宝官方主页:https://weex-project.io/cn/
好了,现在开始搭建开发环境吧!
这个是用笔记本新安装一个环境(这个环境基本是空白的,只是有安装nodejs而已),系统版本:Win10。大概步骤:
安装Java开发环境,Android Studio工具等。
首先安装好java的开发环境JDK。我用1.8版本,接着必须要全部配置好环境变量。反正最后用cmd输入java –version和javac能识别就OK。有一点要说明的,修改了系统的环境变量,要生效的一个简单办法就是重启电脑。。。当然也有别的办法,但是貌似都比较折腾,还是重启简单直接!
然后就是下载Android Studio工具。这个碰到一个小插曲,Win10直接安装百度搜索的1.8G的版本会报错(报错是安装软件的完整性检测有问题)。后来换一个版本下载就OK,建议在这里下载:http://www.android-studio.org/
上面的安装教程可以参考这个网址:https://www.cnblogs.com/jlian...
安装AS工具时间是最长的,确实麻烦,而且要下载的东西也很多,特别是Android SDK。必须要注意磁盘空间要足够啊。
另外,安装好之后,还要配置一下ANDROID_HOME等的环境变量哦。
接着就是安装Weex。
基本按照官网的步骤安装就行。因为我之前安装了nodejs,这里只需要升级一下npm版本就OK啦。命令:npm i npm@latest -g
接着就是安装weex toolkit。安装要注意:要先执行安装命令,再执行更新的命令(官网都有对应命令)。
执行更新命令的时候碰到一个问题:没python运行环境。所以,又马不停蹄地下载了一个python(安装之后还要配置好系统环境变量path哦。。。)
但是更新weex toolkit还是报错,网上百度了一下,原来我还是少安装了这个东西:Windows Studio。所以,又安装了一个Windows Studio 2013版本。(下面所说的碰到的主要问题也有提及到)。其实我有记得公司电脑是有安装的,记忆比较深刻,当时搞的React Native运行环境,估计也是一样的原因。
碰到的主要问题
首先,要用这个办法开发手机app(就是js驱动原生界面),如果是Windows环境,必须得安装python,而安装python必须得安装Windows Studio,我安装是2013版本的,否则例如升级weex update weex-devtool@latest,会报错。
电脑环境变量截图:
weex的项目,直接用Android Studio IDE打开:
没问题的话,随便在AS工具里面打包apk,就可以安装使用啦!
安装总结:有问题基本的解决思路是,根据错误信息问度娘,一般都可以有解决办法。你要相信,一般来说,你不会是第一个碰到该问题的人!
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/90153.html
摘要:当时下载了一个,下载了官方提供的示例教程。关于项目目录开发规范一定要遵守,直接通过官网学习即可。最后就是发布安卓包和苹果包了。我将自己做的第一个新闻列表新闻详情程序打包,安装到了安卓手机上测试了下,效果非常棒。 本人微信公众号:前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hell...
摘要:什么是关于什么是引用官网解释是一个使用开发体验来开发高性能原生应用的框架。此处不做过多赘述,本文主要致力于创建第一个应用及其中采坑处理。 什么是weex 关于什么是weex,引用官网解释Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。此处不做过多赘述,本文主要致力于创建第一个weex应用及其中采坑处理。关于weex介绍,请参考官网:http://weex-projec...
阅读 1571·2021-11-23 09:51
阅读 1159·2019-08-30 13:57
阅读 2214·2019-08-29 13:12
阅读 1986·2019-08-26 13:57
阅读 1141·2019-08-26 11:32
阅读 909·2019-08-23 15:08
阅读 664·2019-08-23 14:42
阅读 3051·2019-08-23 11:41