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

搞了几个月的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。大概步骤：

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

1. 接着就是安装Weex。

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

1. 碰到的主要问题

首先，要用这个办法开发手机app（就是js驱动原生界面），如果是Windows环境，必须得安装python，而安装python必须得安装Windows Studio，我安装是2013版本的，否则例如升级weex update weex-devtool@latest，会报错。

电脑环境变量截图：

weex的项目，直接用Android Studio IDE打开：

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

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