zoukankan      html  css  js  c++  java
  • 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. 备注

      如果有错误无法解决的欢迎留言,我绝对秒回
      
  • 相关阅读:
    第五周课堂测试补充
    20162327WJH2016-2017-2《程序设计与数据结构》课程总结
    20162327WJH实验五——数据结构综合应用
    20162327WJH实验四——图的实现与应用
    20162327 《程序设计与数据结构》第十一周学习总结
    20162327WJH第三次实验——查找与排序2
    20162327 《程序设计与数据结构》第九周学习总结
    20162327WJH第二次实验——树
    20162327 《程序设计与数据结构》第七周学习总结
    20162327WJH使用队列:模拟票务站台代码分析
  • 原文地址:https://www.cnblogs.com/ye-hcj/p/7688579.html
Copyright © 2011-2022 走看看