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

objc94 发布于2019-08-23 18:39 / 1470人阅读

摘要：一，安装基本环境依赖的版本必须大于等于的版本必须为不支持的版本必须是个人版本记得配置环境变量二安装此文档只用到的下载一路回车安装好之后配置的环境变量本人的路径是授权打开输入一下命令一路加回车由于我已经授权过了所以显示的是已经授权过的页

一，安装基本环境依赖

**
Node 的版本必须大于等于 10
Python 的版本必须为 2.x（不支持 3.x）
JDK 的版本必须是 1.8
个人版本

javase记得配置环境变量

二.安装Android studio

此文档只用到Android studio的adb
下载Android studio一路回车....
安装好之后配置sdk的环境变量
本人的sdk路径是
C:UsersxxxxAppDataLocalAndroidSdkplatform-tools

SDK授权

C:UsersxxxAppDataLocalAndroidSdktoolsbin

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

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

三.开始建立react native项目

1.安装Yarn和react-native-cli工具
npm install -g yarn react-native-cli

运气不错一步到位

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

安装完成

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

四，启动项目

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

2.启动雷电模拟器

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

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

成功启动

四.调试项目

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

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

查看电脑ip
打开cmd输入 ipconfig

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

退出再次摇一摇

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

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

 Hello world!

保存后模拟器自动更新

从搭建,运行到调试react native 项目到此完毕

GPU服务器服务器托管 React Native webrtc react native react native webrtc react-native

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105608.html

在Windows下搭建React Native Android开发环境&搭建项目

摘要：配置安卓环境下载安装就是下一步下一步安装完成点击，然后点击在中选择选项卡，然后在右下角勾选。说明： Windows下搭建React Native Android开发环境和基本的React Native项目搭建环境变量添加控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建项目搭建调试方式采用真机调试，如需使用 Android 模拟器...

glumes 2019-07-31 11:25 评论0 收藏0
React Native植入原生Android应用的流程解析

摘要：在应用内添加依赖回到，到的文件级别的里添加依赖最后一行的就是我们新增的，注意这里的版本号要和里的一致。因此，建议用这样的写法，并检查版本号是否和里的一致。引言 React Native是现在移动开发新的可选方案，也带来了原属于Web领域的React的优秀开发特性。另一方面，React Native的技术栈一经掌握，可以用于iOS、Android及Windows（见此）多个平台，即所说...

worldligang 2019-08-19 18:35 评论0 收藏0