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

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

安装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 回车

安装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这个版本

安装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调试功能即可

使用android studio运行app

如果开发过程中每次想上面那样打包再安装是很麻烦，可以使用android studio的虚拟机

将你的weex项目导入到android studio中来

怎么导？看清楚了啊

    my-firstapp\platforms\android\app将这个文件夹导入到android studio中来

    途中android studio控制台可能会报错，双击错误，等待安装，完事儿了

然后点击AVD manager，选中一个设备，然后回来，点击执行按钮，就可以打开虚拟机了

备注

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

秒客网

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

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

相关文章