准备工作
环境配置
brew install node
brew install watchman
brew install flow
环境配置OK
输入两行命令创建工程
npm install -g react-native-cli
如果失败 ,可能会出现cheack````什么的问题在前面加上sudo即可~~
react-native init AwesomeProject
初始化一个项目AwesomeProject自己定义的项目名称
react-native-cli是一个终端命令,它可以完成其余的设置工作。它可以通过npm安装。刚才这条命令会往你的终端安装一个叫做react-native的命令。这个安装过程你只需要进行一次。
这个命令会初始化一个工程、下载React Native的所有源代码和依赖包,最后在AwesomePrjoect/iOS/AwesomeProject.xcodeproj和AwesomeProject/android/app下分别创建一个新的XCode工程和一个gradle工程。
npm install --registry=http://registry.npm.taobao.org
淘宝镜像
译注:由于众所周知的网络原因,react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
打开项目你可以编辑index.ios.js来做一些改动,然后在模拟器中按⌘+R或者摇一摇reloadup来看到修改的结果
另外,如果出现不能连接到开发者服务器,吧appdelegate里面的localhost改为自己电脑的IP地址即可