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即可运行成功
当出现下图则代表环境配置成功
- React Native环境配置(android,windows)
- React Native环境配置(Windows)
- windows配置react native环境
- React-native Android 环境配置
- React-native Android windows环境配置与真机实连
- windows 下配置 react native 开发环境
- Windows搭建安装React Native环境配置
- windows下配置React Native开发环境
- React native 开发环境配置 for windows
- Windows下React-Native开发环境配置
- windows下react-native环境配置
- React Native 配置windows下 IDE环境
- React Native windows Android环境搭建
- Windows 下 React native android 环境搭建
- windows android react-native 环境安装
- React-Native搭建开发环境-Android-Windows
- 搭建React Native Android开发环境[Windows]
- React Native for Android 环境配置
- 操作系统库-atoi()函数
- 工厂设计模式
- android-lite-http处理http异常返回时的content数据读取
- js学习笔记:Ajax
- 老毛桃U盘快速安装ghost win7系统图文教程
- React Native环境配置(android,windows)
- 11.23关于微信JSAPI缺少参数的问题解决
- Android之第三方框架使用汇总
- mysql中字段类型及字符集
- nyoj1112-求次数(map或set)
- BP神经网络原理推到&代码实现
- 如果汤显祖活当代如何描述互联网信息产业-2016年11月江西IDC排行榜与发展报告
- Mybatis连3表查询数据resultMap结果映射
- 时间度复杂度计算