Reactive Native 开发环境搭建

1.安装Node.js

安装Node.js的目的是为了使用NPM来React Native,Node.js安装地址

安装完成之后通过node -v来check是否安装成功

2.安装React Native CLI

npm install -g react-native-cli

因为NPM服务器搭建在国外,很可能连接不上,幸运的是国内有很多NPM服务器可以使用

淘宝npm镜像
搜索地址:http://npm.taobao.org/
registry地址:http://registry.npm.taobao.org/

cnpmjs镜像
搜索地址:http://cnpmjs.org/
registry地址:http://r.cnpmjs.org/

通过npm config set registry https://registry.npm.taobao.org来设置使用相应的镜像

mac用户还需要安装watchman和flow

brew install watchman
brew install flow

3.安装Android开发环境

1.android studio
2.搭建模拟器,可以使用Genymotion,也可以使用android自带的模拟器
3.安装 Android 6.0 (Marshmallow) SDK,React Native需要6.0的SDK

4.创建React Native 工程

react-native init AwesomeProject
cd AwesomeProject
react-native start

启动模拟器

react-native run-android

Paste_Image.png

运行成功!

升级React Native

先安装git

npm install -g react-native-git-upgrade

# cd into React Native project folder

$ react-native-git-upgrade
# Upgrade React Native to the latest version

# Or:

$ react-native-git-upgrade X.Y.Z
# Upgrade React Native to the X.Y.Z version

如果旧的模板文件和新的模板文件有变化,会在source文件上打patch

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容