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

本文详细讲解如何搭建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. 备注

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