美文网首页
windows下安装RN环境

windows下安装RN环境

作者: 我叫傻先生 | 来源:发表于2019-04-19 11:18 被阅读0次

一、安装前准备

  • Chocolatey,这个工具集成了微软很多微软的安装包,安装nodejs python2 java三个环境的path变量不需要手动设置环境变量 传送门
  • 安装 Chocolatey管理员权限打开cmd,直接运行下面代码,@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

二、安装nodejs python2 jdk,命令结合RN官网查看 传送门

  • 运行 choco install -y nodejs.install python2 jdk8
    • 下载jdk8有问题,直接在官网下载 传送门,安装和配置参考此文
  • 检查安装是否完成
    • 检查nodejs,cmd输入 node -v
    • 检查python2,cmd输入 python
    • 检查java,cmd输入 java

三、安装react native的命令工具

  • npm install -g react-native-cli 或者使用yarn安装
    • yarnnpm 安装需要注意的:这里

三、安装react native的命令工具

  • 下载Android Studio
  • 如果有Android真机,安装的时候可以不选择 Android Virtual Device,这个是安装安卓模拟器
  • 按照RN官网说明,通过Android Studio中的SDK Manager安装其他Android SDK

SDK Manager也可以在Android Studio“首选项”对话框的“ 外观和行为” →“ 系统设置” →“ Android SDK”下找到。

  • 从SDK Manager中选择“SDK平台”选项卡,然后选中右下角“显示包详细信息”旁边的框。查找并展开Android 6.0 (Marshmallow)条目,然后确保检查以下所有项:

    • Google APIs
    • Android SDK Platform 23
    • Intel x86 Atom_64 System Image
    • Google APIs Intel x86 Atom_64 System Image
  • 接下来,选择“SDK工具”选项卡,然后选中“显示包详细信息”旁边的框。查找并展开“Android SDK Build-Tools”条目,然后确保23.0.1选中该条目。

  • 最后,单击“应用”以下载并安装Android SDK和相关的构建工具。

四、配置ANDROID_HOME环境变量

  • 在Windows控制面板中的“ 系统和安全”下打开“系统”窗格,然后单击“ 更改设置...”。打开“ 高级”选项卡,然后单击“ 环境变量...”。单击New ...以创建ANDROID_HOME指向Android SDK路径的新用户变量:
  • 默认情况下,SDK安装在以下位置:c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk
  • 您可以在Android Studio“首选项”对话框的“ 外观和行为” →“ 系统设置” →“ Android SDK ”下找到SDK的实际位置。

五、创建新的应用程序

  • react-native init AwesomeProject

六、真机测试

  • 准备安卓设备这里使用真机插入USB打开手机的开发者选项里面的use调试和所有usb的都打开电脑点击文档选项手机最好在安卓5.0以上不然要配置ip地址和WiFi网络插上以后一定要先测试设备有无在线这个很重不然你跑了半天报错直接打开cmd在里面输入adb devices
    控制台输出下面命名则表示设备在线准备了

List of devices attached cf264b8f device 很好设备连接成功

七、运行react native

  • cd AwesomeProject 然后 react-native run-android

八、热更新

  • 修改后,按R两次键或Reload从开发人员菜单(Ctrl + M)中选择以查看更改!
  • 关于调试调试

相关文章

  • windows下安装RN环境

    一、安装前准备 Chocolatey,这个工具集成了微软很多微软的安装包,安装nodejs python2 jav...

  • React Native入门2<mac,windows下开

    本文主要讲如何在MAC和windows操作系统下搭建RN开发环境,以及需要使用到的插件安装。 RN可以在Windo...

  • 2022-05-27

    RN学习之路1:mac系统下搭建RN环境 1,安装homebrew 终...

  • Windows下RN环境搭建

    一、环境安装与配置: 1、软件需要 注意电脑位数是32/64位对应的软件可能会不同。 2、安装Nodejs nod...

  • RN在各端下的环境搭建

    RN 安装RN 包含 win 环境下 android 模拟器 / 真机 和 mac 下 android / io...

  • Nessus安装笔记

    标签:Nessus Windows 漏洞 安装 配置 本教程在Windows环境下安装安装环境及版本:Wi...

  • React Native Mac版环境配置

    Mac环境下RN的安装之路: 前言:之前安装了Flutter环境,准备Flutter之路。。现在又准备安装一下Re...

  • Windows7 安装TensorFlow整理

    Windows7 安装TensorFlow: Windows环境下Anaconda安装并使用TensorFlowG...

  • ReactNative(一,Windows安装RN环境)

    rn安装环境准备 1 .先去https://nodejs.org/en/ 下载node 下载之后直接安装 需要注意...

  • Mac 环境搭建 React Native

    配置mac开发环境(刚开始学习RN,随记一下环境搭建) 1. 基本环境安装 先安装Homebrew:用于安装Nod...

网友评论

      本文标题:windows下安装RN环境

      本文链接:https://www.haomeiwen.com/subject/lzcqgqtx.html