搞了几个月的Vuejs,也是时候开始搞搞基于Vuejs语法的Weex App了。

这里做个广告,最近用vuejs开发了一个小系统(前后端分离),架构有参考Oracle EBS,功能/职责随便配置。有兴趣的兄台可以了解一下:https://github.com/samt007/jebms-ui

来正题,什么是Weex App?
这里有简介:

Weex App
阿里巴巴开发团队在RN的成功案例上,重新设计出的一套开发模式,站在了巨人肩膀上并有淘宝团队项目做养料,广受关注,2016年4月正式开源,并在v2.0版本官方支持Vue.js,与RN分庭抗礼。

优点:单页开发模式效率极高,热更新发包体积小,并且跨平台性更强
缺点:刚刚起步,文档欠缺;社区没有RN活跃,功能尚不健全,暂不适合完全使用Weex开发App
举个栗子:淘宝、天猫、阿里云、优酷、闲鱼、饿了么等

推荐看的文章:https://segmentfault.com/a/1190000011154120
Weex淘宝官方主页:https://weex-project.io/cn/

好了,现在开始搭建开发环境吧!

这个是用笔记本新安装一个环境(这个环境基本是空白的,只是有安装nodejs而已),系统版本:Win10。大概步骤:

  1. 安装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/jliangqiu2016/p/5656676.html
    安装AS工具时间是最长的,确实麻烦,而且要下载的东西也很多,特别是Android SDK。必须要注意磁盘空间要足够啊。
    另外,安装好之后,还要配置一下ANDROID_HOME等的环境变量哦。

  2. 接着就是安装Weex。
    基本按照官网的步骤安装就行。因为我之前安装了nodejs,这里只需要升级一下npm版本就OK啦。命令:npm i npm@latest -g
    接着就是安装weex toolkit。安装要注意:要先执行安装命令,再执行更新的命令(官网都有对应命令)。
    执行更新命令的时候碰到一个问题:没python运行环境。所以,又马不停蹄地下载了一个python(安装之后还要配置好系统环境变量path哦。。。)
    但是更新weex toolkit还是报错,网上百度了一下,原来我还是少安装了这个东西:Windows Studio。所以,又安装了一个Windows Studio 2013版本。(下面所说的碰到的主要问题也有提及到)。其实我有记得公司电脑是有安装的,记忆比较深刻,当时搞的React Native运行环境,估计也是一样的原因。

  3. 碰到的主要问题:
    首先,要用这个办法开发手机app(就是js驱动原生界面),如果是Windows环境,必须得安装python,而安装python必须得安装Windows Studio,我安装是2013版本的,否则例如升级weex update weex-devtool@latest,会报错。

电脑环境变量截图:

weex的项目,直接用Android Studio IDE打开:

没问题的话,随便在AS工具里面打包apk,就可以安装使用啦!

安装总结:有问题基本的解决思路是,根据错误信息问度娘,一般都可以有解决办法。你要相信,一般来说,你不会是第一个碰到该问题的人!

折腾Weex+Android App开发运行环境搭建手记相关推荐

  1. .net core 2.0学习笔记(一):开发运行环境搭建

    期待已久的.net core 2.0终于发布了!大家等的花儿都谢了. 不过比预期提前了一个多月,这在微软历史上还真的不多见.按照历史经验看,2.0版本应该比较靠谱,我猜这也是社区非常火爆的原因吧.下面 ...

  2. Android App自动化测试: OPEN-STF环境搭建

    前言 版权归作者所有,如有转发,请注明文章出处:https://xiaoduoduo.github.io/archives/ 背景 1. 测试是检验程序质量的保证,而自动化测试是提高测试效率的最好方式 ...

  3. Android jni开发--NDK环境搭建

    谷歌改良了ndk的开发流程,对于Windows环境下NDK的开发,如果使用的NDK是r7之前的版本,必须要安装Cygwin才能使用NDK.而在NDKr7开始,Google的Windows版的NDK提供 ...

  4. Eclipse IDE 使用技巧和Android App 开发环境搭建和配置

    写在前面: 本片文章只是记录了自己学习时的一些笔记,纯粹是为了自己后面方便查找,片言碎语,不适合大家浏览,请大家不要参考这篇文章. 正文: Eclipse IDE 使用技巧               ...

  5. [Appium] 搭建Android App UI自动化环境

    [Appium] 搭建Android App UI自动化环境-Windows10 一.Appium介绍 Appium是一个开源的自动化测试工具,其支持iOS和安卓平台上的原生的,基于移动浏览器的,混合 ...

  6. JNI开发笔记(一)--Android Studio安装与环境搭建

    Android Studio安装与环境搭建 1. 前言 1.1 什么是JNI 1.2 JNI从零开发流程 2. Java环境配置 3. Android Studio安装 参考链接 1. 前言 工作中需 ...

  7. linux搭建python运行环境_centos运行.py centos5.5下搭建python开发运行环境 - Linux - 服务器之家...

    centos运行.py centos5.5下搭建python开发运行环境 发布时间:2017-04-28 来源:服务器之家 我们知道ython可以在windows.linux.android运行了,但 ...

  8. 【安卓开发系列 -- 开发环境】Unbuntu 下 Android 持续集成打包环境搭建 -- Jenkins 构建工具安装(gradle + git + android 工具)

    [安卓开发系列 -- 开发环境]Unbuntu 下 Android 持续集成打包环境搭建 -- Jenkins 构建工具安装(gradle + git + android 工具) [1]Unbuntu ...

  9. 从零开始搭建Linux服务器开发运行环境-详细步骤

    大家好,久违了! 时隔一年,我发表的上一篇博客年后第一更,谈谈收获及展望至今已快一年了,期间一直在忙没有时间写博客,原因就不细说了.由于我的个人云服务器到期了,所以我又买了一台阿里云的一年时长的ECS ...

最新文章

  1. C#图片灰度处理(位深度24→位深度8),用灰度数组byte[]新建一个8位灰度图像Bitmap 。...
  2. 民用建筑工程给水排水设计深度图样_「安装工程识图」建筑给水排水施工图的识读方法...
  3. Check failed: error == cudaSuccess (74 vs. 0) misaligned address
  4. android读写文本文件,Android读写文件
  5. 详解Bootstrap glyphicons-halflings-regular.woff2 Not found
  6. 继13吨快递烧成灰后 “双11奇葩收件名”又热搜了...
  7. matlab卷积画图,基于MATLAB的卷积演示系统课程设计
  8. java 判断ip和port是否存活_java判断IP和端口号是否可以访问
  9. php redis 日志模式,Redis的PHP客户端
  10. Cookie编码解码
  11. 堆排序(C语言实现)
  12. html5 天地图,天地图API
  13. CMake中链接库的顺序问题
  14. [Azure - VNet] Azure网络带宽的性能测试
  15. 计算机毕业设计之java+springboot基于vue的地方废物回收机构管理系统
  16. [经验教程]拼多多购物车在哪里怎么加入购物车合并一起付款?
  17. iOS性能测试怎么做?这款工具轻松稿定
  18. 台式计算机m4350,比超极本便携 评联想M4350q小型台式机
  19. python编辑程序、根据输入的百分制数_输入一个百分制成绩,利用switch语句编写程序,要求输出成绩等级A B C D,E。90以上为A...
  20. 看雪4-ReeHY-main-2017

热门文章

  1. Kaggle猫狗大战模型搭建总结
  2. 起床困难综合症(0x01位运算)
  3. 百度失去中国第一大桌面搜索引擎宝座
  4. 微信公众号开发之成为开发者模式
  5. 【附报告下载】将数据变成企业流动的“血液”,融入业务、管理流程
  6. c++2013无法卸载_如何卸载mcafee?手把手教你如何卸载mcafee迈克菲?
  7. GO --微服务框架(二) goa
  8. 生气,是因为你不够大度;嫉妒,是因为你不够优秀;悲伤,是因为你不够坚强;郁闷,是因为你不够豁达。记住,所有的负面情绪都源于你的弱小,唯有强大自己才能够百毒不侵!
  9. oracle与大学合作,深入合作 CUUG于哈尔滨师范大学成立Oracle WDP俱乐部
  10. dz调用图片PHP写法,Discuz数据库调用:DZ模板调用常用代码手册