搞了几个月的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. Python—sqlalchemy
  2. 用python openpyxl合并多个excel文件
  3. [转]LoadRunner 各个指标分析
  4. python生成多维数组方法总结(多维创建有问题的情况)
  5. 如何将软件限制策略发挥大作用
  6. 统计单词个数(划分型)
  7. 解决vue里iscroll(better-scroll)点击触发两次和初始化无法滚动问题!
  8. idea jar放进本地仓库 为何依赖不了_推荐 33 个 IDEA 最牛配置,写代码太爽了
  9. webpack笔记一:webpack的介绍,安装,加载css、图片、字体等
  10. 一起谈.NET技术,在ASP.NET MVC3 中利用JSONP跨域登录WEB系统
  11. axios.all()解决并发请求的问题
  12. css伪元素总结(内附实例)
  13. 手机端网页切图之间出现空白的问题
  14. cr3格式是什么意思_如何用PS导入佳能CR3格式图片?
  15. easyui简单登陆界面
  16. cisco MSDP配置指南
  17. 程序员装b指南(转)
  18. gom及gee小白架设黑屏的原因以及个别装备地图不显示怎么办?
  19. python八卦阴阳_python 之易经启卦
  20. element-ui的文本框 input加㎡平方米符号

热门文章

  1. Mycat集群部署(基于HAProxy + Mycat)
  2. Assignment写作中的论证充分性讲解
  3. jdbc连接MySQL后的增、删、改、查
  4. Rust 日期与时间之chrono
  5. 3种简单又好看的·按钮效果
  6. Android ImageView 图片靠右,靠左处理
  7. margin常出现的bug
  8. 山东省专精特新|山东省“专精特新”条件
  9. C编译器01-扫描器
  10. Verilog语法之延时