React Native入门之Mac下环境搭建和工程创建配置

具体的环境搭建可见react native中文网

这里主要是记录一下工程创建的坑和用webstorm运行工程。
首先在终端创建一个工程。默认是创建最新的版本

react-native init AwesomeProject

然后cd到该工程目录

cd AwesomeProject

接着运行该工程

react-native run-ios

这时候大概会报错,总体大概是天朝围墙下不了依赖库的问题。然后看看这里 依赖库下载地址

WechatIMG110.jpeg

将下载好依赖库放到

~/.rncache

再到重复执行run命令。基本可以搞定

下面看看用webstorm跑起来刚刚创建的工程

用webstorm打开刚刚创建的工程，点击右上角Edit configureations

WechatIMG111.jpeg

接着点击add符号，添加一个npm

WechatIMG113.jpeg WechatIMG114.jpeg
WechatIMG115.jpeg WechatIMG116.jpeg

Program: react Native的路径,一般都是 /usr/local/bin/react-native (终端命令:which react-native)

Arguments: run-ios

working directory: 先点击右边的insert macro,选择"FileDir - fire directory

然后apply OK就可以打开iPhone模拟器调试工程了

2.当从github新download下来一个项目，并运行react-native run-ios命令时，报React Native: Command run-ios unrecognized

1.第一步：
npm install --save react-native@latest
2.第二步：
npm install