weex开发

junzaivip 2019-09-08

包文件下载地址:https://pan.baidu.com/s/1Q1-f... 提取码:u7zj
参考官方文档:https://weex.apache.org/zh/gu...

开发环境搭建

一. java环境搭建(下载java jdk 1.8+),上面包文件下载里面有。

环境变量配置:
1.单击“计算机-属性-高级系统设置”,单击“环境变量”。在“系统变量”栏下单击“新建”,创建新的系统环境变量。
2.新建->变量名"JAVA_HOME",变量值"C:\Java\jdk1.8.0_05"(即JDK的安装路径)
3.编辑->变量名"Path",在原变量值的最后面加上“;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin”
4.检验是否配置成功 运行cmd 输入 java -version (java 和 -version 之间有空格)若如图所示 显示版本信息 则说明安装和配置成功。

二.android studio安卓及安卓环境配置(下载上面包文件里有)

1.下载安装参考:[https://blog.csdn.net/qq_39915585/article/details/81043005][3]
2.android studio模拟器创建:[https://jingyan.baidu.com/article/c45ad29c0e27fd051753e22d.html][4]
3.安卓环境变量配置参考:[https://www.jianshu.com/p/a9e80bb782af][5]

创建一个weex APP(用vue-router的方式进行页面之间的跳转)

1、npm install weex-toolkit -g
2、weex create awesome-app(选择vue-router)
3、cd awesome-app
4、npm install
5、npm start

安卓构建及打包、调试

1、添加安卓平台 :weex platform add android
2、打包apk:weex run android 连接数据线可以直接打包apk安装到手机上
3、真机调试:这里有一个坑,weex debug 会弹出一个页面,手机上安装 Weex playground app,扫码进入调试页面,

未完待续......

相关推荐