首先我们需要做一系列的安装操作。
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应用。
网友评论