美文网首页
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环境

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