weex和vue开发环境配置详解(配置系统变量等等)

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

  1. 安装java

    现在java安装包,网上的安装包都是国外的,很难下载下来
    就用这个链接下载,亲测无毒,http://www.wmzhe.com/soft-30118.html
    现在完成之后直接全部下一步,不要动配置,然后配置环境变量
    用户变量
        变量名:JAVA_HOME,值:C:Program FilesJavajdk1.8.0_131
    系统变量
        变量名:path,值:%JAVA_HOME%in;
        变量名:CLASSPATH,值:.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib	ools.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:andriodsdk
    系统变量
        变量名:path 变量值:;E:andriodsdkplatform-tools;E:andriodsdk	ools;
    注意
        配置完成之后,打开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-firstappplatformsandroidappuildoutputsapk
    这个就可以直接运行在手机上面了
    小提示
        如果上面的步骤存在提示,说找不到android设备,请把手机用usb插在电脑上,然后开启usb调试功能即可
    
  4. 使用android studio运行app

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

    如果有错误无法解决的欢迎留言,我绝对秒回
    
原文地址:https://www.cnblogs.com/ye-hcj/p/7688579.html