window配置weex项目的android studio环境

weex

虽然做的是前端的工作但是越往后面觉的如果不会一门移动端的框架是多么的无力。于是就开始了之前非常看好的weex框架，该框架起初是由阿里巴巴内部开源的，后面移交给apache成长历程可谓是一波三折，和react native比起来有些力不从心包括社区和github的热度。

定位

和react native是一款可以同时开发三端的框架。但是和原生的app比起来性能还是有待加强不过对于一些比较小的公司来说却可以剩下一大笔成本。现在的很多公司基本上招聘前端都或多或少提到移动端开发，因此更多的了解这些框架也是为了更好地应对今后的工作。

安装配置环境（这种东西看视频比较好理解）
包括java环境安卓环境变量的配置
https://www.bilibili.com/video/av14478917/?p=2
！！！这里记住安装完android studio后有一步需要你选择是否代理的地方记得选择不代理。（我被坑过）

安装weex

npm install weex-toolkit -g//全局安装weex-toolkit脚手架
weex create awesome-app//新建weex项目
npm start//安装完成后启动项目
weex platform add android//手动添加安卓平台

这里有一个值得注意的地方官网上说到的weex run android这个命令正常情况下基本无效不可用各种报错。
启动项目可以直接在android studio打开weex项目文件夹下的platforms下的android。
第一次打开ide会自动安装一些需要的插件其中包括gradle。
手机连接数据线并打开的调试模式。通过cmd命令行工具之前视频教程装好的android环境变量的adb devices查看是否连接成功

点击绿色的小三角会有下面的弹框选择你连接到电脑的设备 。

然后等待程序跑起来，程序成功跑起来后手机会提示安装app直接安装就好了。
注意！！！
这里有几个需要注意的weex的坑（毕竟新兴框架）
坑1
在android跑安卓报如下错误Error:Cannot set the value of read-only property 'outputFile' for ApkVariantOutputImpl_Decorated{apkData=Main{type=MAIN, fullName=debug, filters=[]}} of type com.android.build.gradle.internal.api.ApkVariantOutputImpl

这里借鉴了大神的方法https://www.jianshu.com/p/601daa5aed8d
坑2
安装到了手机上但是只有一个hello world页面
这里可能是安装项目的残留通过package.json里面定义好的清除项目的命令清除项目然后重新添加项目

npm run clean:android//清除安卓项目
weex platform add android//添加安卓项目