window下从搭建,运行到调试react native 项目

**

一,安装基本环境依赖

**
Node 的版本必须大于等于 10
Python 的版本必须为 2.x(不支持 3.x)
JDK 的版本必须是 1.8
个人版本
《window下从搭建,运行到调试react native 项目》
《window下从搭建,运行到调试react native 项目》
《window下从搭建,运行到调试react native 项目》
javase记得配置环境变量

二.安装Android studio

此文档只用到Android studio的adb
下载Android studio一路回车….
安装好之后配置sdk的环境变量
本人的sdk路径是
C:UsersxxxxAppDataLocalAndroidSdkplatform-tools
《window下从搭建,运行到调试react native 项目》

SDK授权

C:UsersxxxAppDataLocalAndroidSdktoolsbin
《window下从搭建,运行到调试react native 项目》

打开cmd 输入一下命令 一路Y加回车
sdkmanager –licenses

《window下从搭建,运行到调试react native 项目》

由于我已经授权过了所以显示的是已经授权过的页面

三.开始建立react native项目

1.安装Yarn和react-native-cli工具
npm install -g yarn react-native-cli
《window下从搭建,运行到调试react native 项目》
运气不错一步到位

2.初始化项目
react-native init test

《window下从搭建,运行到调试react native 项目》

安装完成

《window下从搭建,运行到调试react native 项目》

打开项目=》推荐用vscode
安装相关依赖 react native tools等

《window下从搭建,运行到调试react native 项目》

四,启动项目

1.下载模拟器 随便下一个模拟器 本人用的是雷电模拟器(因为对比了其他的个人觉得雷电模拟器体验不错)

《window下从搭建,运行到调试react native 项目》

2.启动雷电模拟器

《window下从搭建,运行到调试react native 项目》

3.使用adb 连接设备
adb start-server

《window下从搭建,运行到调试react native 项目》

4.vscode启动项目
react-native run-android

《window下从搭建,运行到调试react native 项目》

成功启动

四.调试项目

1.点击模拟器摇一摇功能

《window下从搭建,运行到调试react native 项目》

出现这么一坨
打开Dev Settings => Debug server host && port for device

《window下从搭建,运行到调试react native 项目》
《window下从搭建,运行到调试react native 项目》

查看电脑ip
打开cmd输入 ipconfig

《window下从搭建,运行到调试react native 项目》

在模拟器debug上输入ip+默认端口8081

《window下从搭建,运行到调试react native 项目》

退出再次摇一摇

《window下从搭建,运行到调试react native 项目》

选择两个其中一个 本人选择下面的不生效 所以选择了上面的

回去项目中修改App.js代码
<View>

 <Text>Hello world!</Text>

</View>

保存后模拟器自动更新
《window下从搭建,运行到调试react native 项目》
从搭建,运行到调试react native 项目到此完毕

    原文作者:夜雨渐停丶我独行
    原文地址: https://segmentfault.com/a/1190000019750188
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞