开始

最后更新于:2022-04-01 04:30:00

React Native 框架托管在GitHub。要获得这个框架,你可以使用git命令克隆项目到本地,或者直接下载zip包。 如果你不想使用源代码,也可以用命令行界面(CLI)创建React Native项目,本文将使用这种方式。 React Native 使用了 Node.js,如果你的机器上没有安装Node.js,请先安装它。 首先需要安装 Homebrew,安装指南请参考Homebrew网站。然后用brew命令来安装Node.js: `brew install node` 然后安装 watchman(Facebook推出的文件改动监听器): `brew install watchman` React Native通过watchman来监视代码文件的改动并适时进行编译。这就好比Xcode,它会在每次文件被保存时对文件进行编译。 然后用npm命令安装React Native 的CLI工具: `npm install -g react-native-cli` 这个命令通过Node Package Manager来下载和安装CLI工具,npm是一个类似CocoPods或Carthage工具。 定位到要创建React Native 项目的文件夹,使用CLI工具创建一个新的React Native项目: `react-native init PropertyFinder` 这将创建一个默认的React Native项目,其中包含有能够让React Native项目编译运行的必要内容。 在React Native项目文件夹中,有一个node_modules文件夹,它包含React Native 框架文件。此外还有一个 index.ios.js 文件,这是CLI创建的脚手架代码。最后,还有一个Xcode项目文件及一个iOS文件夹,后者会有一些iOS代码用于引导React Navtive App。 打开Xcode项目文件,build&run。模拟器启动并显示一句问候语: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-10-27_562f20cf1ccfb.png) 与此同时Xcode还会打开一个终端窗口,并显示如下信息: ~~~ =============================================================== | Running packager on port 8081. | Keep this packager running while developing on any JS | projects. Feel free to close this tab and run your own | packager instance if you prefer. | | https://github.com/facebook/react-native | =============================================================== Looking for JS files in /Users/colineberhardt/Temp/TestProject React packager ready. ~~~ 这是React Navtive Packager,它在node容器中运行。你待会就会发现它的用处。 千万不要关闭这个窗口,让它一直运行在后面。如果你意外关闭它,可以在Xcode中先停止程序,再重新运行程序。 > 注意: > 在开始接触具体的代码之前(在本教程中,主要是js代码),我们将推荐 Sublime > Text这个文本编辑工具,因为Xcode并不适合用于编写js代码的。当然,你也可以使用 atom, brackets > 等其他轻量级的工具来替代。
';