设为首页 收藏本站
查看: 775|回复: 0

[经验分享] 在windows搭建react-12873930

[复制链接]

尚未签到

发表于 2018-6-18 15:38:39 | 显示全部楼层 |阅读模式
  1.安装必须的软件
  1.Python 2
   注意勾选 Add python.exe to Path,选项,这样就可以在安装完成后,不用手动去添加环境变量
DSC0000.png

  安装完,打开cmd.exe,输入python,然后enter,如果能成功返回ptython的版本号等信息,则说明安装成功。
  
  2.Node.js
  安装完node之后,打开cmd.exe,输入node -v,如果返回node.jsben,则说明node.js,安装成功。
  由于npm在国内的速度奇慢,建议使用淘宝代理,或者使用其他科学上网工具
  使用淘宝代理的方法:
  npm config set registry https://registry.npm.taobao.org --global
  npm config set disturl https://npm.taobao.org/dist --global
  3.安装react-native命令行工具(react-native-cli)
  npm install -g yarn react-native-cli
  安装成功之后,打开cmd.exe,输入
  react-native -v
  ,然后enter,如果能成功返回react-native的版本号,则说明安装成功。
  
  4.安装Android Studio
  a.安装jdk
  需要jdk1.8以上版本,具体安装教程:http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
  安装完成之后,打开cmd.exe,输入
  java -version
  如果成功返回版本信息,则说明安装成功。
  b.安装android studio
  1.需要android studio 2.0以上版本,确认勾选安装 android SDK和Android Device Emulator
  2.安装完成后,选择Custom安装项
DSC0001.png

  3.下一步一定要勾选HAXM加速驱动和模拟器
DSC0002.png

  4.安装完成之后没在Android Studio的欢迎界面选择 Configure | SDK Manager
DSC0003.png


  •   在SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
DSC0004.png


  •   在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。(必须是这个版本)
DSC0005.png

  然后点击apply和ok,等待安装完成。
  5.ANDROID_HOME 环境变量配置
  新建系统环境变量,填写android  sdk的安装目录
DSC0006.png

  6.将android SDK的Tools目录添加到系统环境变量中去
  需要添加android SDK目录下的tools和platform-tools两个路径
DSC0007.png

  5.安装Genymotion
  1.下载和安装Genymotion(需要先注册才能看到download的选项,genymotion需要依赖VirtualBox虚拟机,下载选项中提供了包含虚拟机和不包含的选项,请按需下载)。
  2.打开Genmotion,点击ADD,新增一个android的设备,请务必选择5.0以上版本的android系统,不然出现各种奇怪的问题。
  3.选中新增加的设备,点击Start按钮,等待片刻即可打开android虚拟机
  4.打开cmd.exe,输入
  adb devices
  如果返回类似下图所示,则表明虚拟机启动成功。
DSC0008.png

  6.初始化react-native 项目
  硬盘上新建文件夹,然后打开cmd.exe,切换到该目录,然后执行
  react-native init myProject
  这个过程可能会耗费一段时间,请耐心等待,初始化完成之后,切换到新建的myProject文件夹,执行
  react-native run-android
  等待编译完成,直到在android的虚拟机上出现 WelCome to react-native,则大功告成,修改index.android.js,保存之后,在鼠标移动到虚拟机上,然后点击两次键盘R,就会触发新代码更新到虚拟机。
DSC0009.png

  2.问题总结
  1.很多安装过程耗费时间,等耐心等待,没有安装完不要关掉,不要着急
  2.建议第一次启动项目的时候,使用5.0以上版本的android虚拟机,不要使用国产的android机,能被坑死的节奏!
  3.如果国产手机安装不上,可以使用adb install android/app/build/outputs/apk/app-debug.apk命令来安装

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-525518-1-1.html 上篇帖子: SCVMM 2012 R2 及应答文件BUG解决 下篇帖子: 应用SetWinEventHook截获Windows事件
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表