win7搭建React Native开发环境
来源:互联网 发布:python的用户界面编程 编辑:程序博客网 时间:2024/05/22 15:02
参考资料:
官方英文:https://facebook.github.io/react-native/docs/getting-started.html
官方中文:http://reactnative.cn/docs/0.27/getting-started.html#content
经验参考:http://blog.csdn.net/zivensonice/article/details/51333039
安装jdk、Android Studio
官方建议jdk版本1.8+,实测1.7也可行
Android Studio已更新到2.0+版本,建议下载自带sdk的安装包配置jdk、sdk环境变量
jdk环境变量配置不缀叙
确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径
将ANDROID_HOME配入Path系统路径
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
~以上是android开发所需环境,下面添加React Native开发环境~安装Chocolatey
Chocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装方法是在命令行中输入:
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
一般来说,使用Chocolatey来安装软件的时候,需要以管理员的身份来运行命令提示符窗口
安装Python 2
choco install python2
安装Node
choco install nodejs.install
React Native命令行工具(react-native-cli)
npm install -g react-native-cli
如果找不到npm命令,请cd到Node目录下运行
如果是使用真机测试,开发环境已经搭好
项目测试
下载及初始化项目
react-native init AwesomeProject
运行项目
cd AwesomeProject
react-native start在浏览器中打开http://localhost:8081/index.android.bundle?platform=android,如果得到以下页面,表示服务已经开启
不要关闭上一个命令行,新开一个命令行工具,输入
react-native run-android
第一次运行因为没有配置Gradle所以会在线下载,比较慢
如果运行报错,请再次确认环境变量,及Android studio中buildToolsVersion与项目中的一致(下载下来的项目buildToolsVersion “23.0.1”)如果是真机,第一次运行肯定会报错
需要让手机和电脑处于同一个wifi网络下,然后设置端口信息 (摇一摇手机,或者按menu键)
ip+8888端口
注意
- 有些Android手机,运行React Native成功后,只得到一个白屏,什么都没有,这是因为手机的悬浮窗口权限被禁止了,要先去设置页面打开
- win7搭建React Native开发环境
- Win7上React Native Android开发环境搭建
- facebook react native 开发-----win7,mac环境搭建实践
- 搭建 React Native 开发环境
- 搭建React Native开发环境
- React Native 搭建开发环境
- React Native开发环境搭建
- 搭建React Native开发环境
- React-Native开发环境搭建
- React Native搭建开发环境
- React Native 开发环境搭建
- React Native 搭建开发环境
- react Native搭建开发环境
- React Native搭建开发环境
- React Native搭建开发环境
- react-native开发环境搭建
- react native开发环境搭建
- react-native 开发环境搭建
- 《高性能mysql 第一章》刷书笔记
- Android开源库SlideMenu如何实现沉浸式效果
- UIModalPresentationStyle即viewcontroller的显示方式
- Loader异步装载CursorLoader的案例
- MyEclipse----从数据库反向生成实体类之JPA方式
- win7搭建React Native开发环境
- MediaCodec 从Surface编码及android锁屏录像和后台录像实现
- 对Android中convertView的深入理解
- Android ComponentName的用法
- Android中Intent的各种常见作用
- 清除浮动的方法
- 剑指offer-数组中的逆序对
- Eclipse转Android studio 快捷键
- 其实挺实在的