iOS模拟器和实时代码重新加载-React Native

在上一篇文章中，我们为React Native开发设置了环境（Xcode，Node.js，watchman，React Native CLI）。 在本文中，我们将创建我们的第一个项目，并在模拟器中运行该应用程序。

第一个项目

在终端中输入以下命令以生成前驱项目模板。

  react-native初始化MyTaskList 

在iOS文件夹中，有一个文件“ MyTaskList.xcodeproj”。 双击打开。

建立应用程式套件

浏览到创建项目文件的文件夹。

  cd MyTasKList 

现在是时候使用React Native的内置软件包管理器来构建应用程序了。

  npm开始 

所有JavaScript代码都将捆绑在一起，以便该应用程序能够在iOS上运行！

现在，单击播放按钮以启动iPhone模拟器并查看默认应用程序。 顺便说一句，如果您直接单击Play而不在终端中点击“ npm start” ，那么该终端将由Xcode自动启动。

这是它在模拟器中的外观：

编辑代码并刷新

启动您喜欢的编辑器并打开 index.ios.js文件 。

我们将做一个小的更改，即用“ Welcome to My List！”代替“ Welcome to React Native！” （第20行） 。

现在，我们只需按CMD + R即可看到所做的更改反映在模拟器中。 这确实是React Native最显着的特征。

以下是更新代码后的模拟器屏幕。

在下一篇文章中，我们将开始学习React组件。