创建React—Native第一个应用程序

首先我们需要做一系列的安装操作。

1.安装homebrew(Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。)

打开“终端”程序,输入

ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)",搞定。

2.安装React Native相关(Mac iOS开发)

您将需要Node(网络连接的端点,或两条(或多条)线路的连接点。结点可以是处理器、控制器或工作站。结点随其功能不同而各不相同,他们可以通过链路互联在一起,在网络中用作控制点。),Watchman(Watchman是Facebook观看文件系统变化的工具。强烈建议您安装它以获得更好的性能。),React Native命令行界面和Xcode。虽然您可以使用您选择的任何编辑器来开发应用程序,但您需要安装Xcode才能设置必要的工具来构建适用于iOS的React Native应用程序。

安装Homebrew后,在终端中运行以下命令:

brew install node

brew install watchman

Node附带npm,它允许您安装React Native命令行界面。

在终端中运行以下命令:npm install -g react-native-cli (时间较长)

如果你遇到一个错误Cannot find module 'npmlog',请尝试直接安装NPM:curl -0 -L https://npmjs.org/install.sh | sudo sh。

3.创建一个新应用程序

使用React Native命令行界面生成一个名为“FirstProject”的新React Native项目:react-native init FirstProject

运行您的React Native应用程序

cd FirstProject

react-native run-ios

react-native run-ios只是运行你的应用程序的一种方式。您也可以直接从Xcode或Nuclide中运行它。

如果您无法使其工作,请参阅https://facebook.github.io/react-native/docs/troubleshooting.html#content

真机运行:https://facebook.github.io/react-native/docs/running-on-device.html

现在您已经成功运行该应用程序,我们来修改它。

App.js在您选择的文本编辑器中打开并编辑一些行。

点击⌘RiOS模拟器重新加载应用程序并查看您的更改!

恭喜!您已成功运行并修改了您的第一个React Native应用。

你可能感兴趣的:(创建React—Native第一个应用程序)