本文详细讲解如何搭建weex和vue开发环境

  1. 安装java

    现在java安装包,网上的安装包都是国外的,很难下载下来
    就用这个链接下载,亲测无毒,http://www.wmzhe.com/soft-30118.html
    现在完成之后直接全部下一步,不要动配置,然后配置环境变量
    用户变量
    变量名:JAVA_HOME,值:C:\Program Files\Java\jdk1.8.0_131
    系统变量
    变量名:path,值:%JAVA_HOME%\bin;
    变量名:CLASSPATH,值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
    cmd测试
    输入 javac 回车
  2. 安装android studio

    这东西反正很好用,就是有点耗内存,使用方式这里不介绍了,只做环境配置
    下载地址,https://dl.google.com/dl/android/studio/install/2.3.3.0/android-studio-bundle-162.4069837-windows.exe
    傻瓜式安装,安装好之后,配置环境变量
    注意安装过程中,要记录下你的sdk安装路径,因为配置系统变量要用到sdk下面的platform-tools和tools的路径
    用户变量
    变量名:ANDROID_HOME 变量值: E:\andriod\sdk
    系统变量
    变量名:path 变量值:;E:\andriod\sdk\platform-tools;E:\andriod\sdk\tools;
    注意
    配置完成之后,打开android studio进入sdk manager
    之后切换到 sdk tools 选中下载 android sdk build-tools 中的23.0.2这个版本
  3. 安装weex toolkit

    npm install weex-toolkit -g
    weex create my-firstapp
    cd my-firstapp
    npm install
    weex platform add android
    weex run android
    运行以上命令,不出意外的话,已经将官方demo打包成apk了
    apk的位置在
    my-firstapp\platforms\android\app\build\outputs\apk
    这个就可以直接运行在手机上面了
    小提示
    如果上面的步骤存在提示,说找不到android设备,请把手机用usb插在电脑上,然后开启usb调试功能即可
  4. 使用android studio运行app

    如果开发过程中每次想上面那样打包再安装是很麻烦,可以使用android studio的虚拟机
    将你的weex项目导入到android studio中来
    怎么导?看清楚了啊
    my-firstapp\platforms\android\app将这个文件夹导入到android studio中来
    途中android studio控制台可能会报错,双击错误,等待安装,完事儿了
    然后点击AVD manager,选中一个设备,然后回来,点击执行按钮,就可以打开虚拟机了
  5. 备注

    如果有错误无法解决的欢迎留言,我绝对秒回