React Native环境配置(android,windows)

来源:互联网 发布:汉仪字体淘宝侵权 编辑:程序博客网 时间:2024/05/17 17:14

该文章参考 http://reactnative.cn/docs/0.36/getting-started.html

一,安装Chocolatey

Chocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get
安装方式
1.打开cmd,输入

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

2.打开PowerShell.exe,输入

iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

可能遇到的问题
1.请求超时:国内访问chocolatey相对来说很慢可能需要 多试几次才会成功
2.无法加载文件 C:\Users\58\AppData\Local\Temp\chocolatey\chocInstall\tools\chocolateyInstall.ps1,因为在此系统中禁止执行脚本。
该问题是由于这是由于系统的执行策略造成的
解决方法:输入
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
示例
修改后再输入上面提到的安装命令
当出现Chocolatey (choco.exe) is now ready.表明安装Chocolatey成功

二,安装Python 2(目前不支持Python3)

打开命令提示符窗口输入

choco install python2

三,安装node

打开命令提示符窗口输入

choco install nodejs.install

以上方法是通过Chocolatey来安装Node.js,如果下载不来的话就去网上下载一个安装包即可

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。

npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global

四,React Native命令行工具

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g react-native-cli

五,安装Android Studio

这部分只需要去官网下载2.0以及以上版本即可。环境变量配置,android开发应该都了解这里就不多说了
注意:
1.jdk需要1.8或者更高版本
2.android sdk需要23.0.1以及以上的版本。

六,安装测试(针对真机测试)

react-native init AwesomeProjectcd AwesomeProjectreact-native run-android

如果在执行react-native run-android命令后,Package没有自动运行则手动启动即可

cd AwesomeProjectreact-native start

注:
1)当执行完react-native init AwesomeProject后会在你所处的文件夹下生成名字为AwesomeProject项目
这里写图片描述
打开当执行react-native run-android命令式如果去下载gradle包 会比较慢你可以更改\android\gradle\wrapper文件夹下的gradle-wrapper.properties中gradle版本
2)在执行上述命令式 需要确认手机已经开启了开发者模式可以进行调试
3)当运行成功后项目会运行在手机上出现一个白屏,这个时候需要开启该项目的悬浮窗权限
android5.0以上可以通过adb reverse命令

运行adb reverse tcp:8081 tcp:8081不需要更多配置,你就可以使用Reload JS和其它的开发选项了

android5.0以下
需要确保手机和电脑在同一个wi-fi环境下,,然后摇一摇会出现一个菜单选择Dev Setting 点击Debug server host for device 然后将电脑的ip地址输入并且端口号写为8081即可,之后回到开发者菜单选择Reload即可运行成功
当出现下图则代表环境配置成功
这里写图片描述

0 0
原创粉丝点击