reactnative开发教程

1.科学上网

官网已经给了我们纯净新项目包，我们不需要去创建只需要去选择就可以用了详情访问:

http://bbs.reactnative.cn/topic/11/react-native中文网官方发布完整新项目包-无需init

2.运行MyProject

（1）解压我们下载下来的MyProject，如图1

（2）点击到根目录按shift鼠标右键你可以看到选项在这里打开命令窗口，没错点击他打开可以看到图2的样子

 

图1：根目录

 

图2：命令窗口

 

 

（3）输入命令react-native run-android

这样我们的app就安装在模拟器上了真机需要数据线链接如图

 

图3：app

接下来我们点开app你会发现会报错如图4

 

图4：首次运行报错

这个时候不要担心报错原因是因为你没有启动服务,好接下来我们回到命令窗口

输入启动服务的命令react-native start。然后回到app点击Reload js你就会看到你的app正常运行了补充一点命令窗口不能关闭，项目不能放在中文目录下。

 

 

 

 

 

（4）配置ip

我们需要热更新的时候需要配置自己的ip，在在运行里面输入cmd在输入ipconfig查看自己的ip，然后点击模拟器的摇一摇显示菜单界面如图5

 

图5：菜单界面

点击最后一个配置ip地址,记得在后面加入：8081好了到这里我们基本工程就完成了下一站我们说一下开发的IDE