新手React Native入门第一课-搭建RN环境

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。前几年比较火，然后又冷了下去，随着Dapp的兴起，RN又慢慢恢复了一些热度。（支持热更新哦！）

现学现卖，如果想系统的入门，建议参考：React Native官网

现在开始搭建RN环境

安装Node和Watchman

brew install node
brew install watchman

安装完 Node 后建议设置 npm 镜像以加速后面的过程（或使用科学上网工具）。

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager 可以快速捕捉文件的变化从而实现实时刷新）。

安装Yarn,Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完 yarn 后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

创建新项目

react-native init Demo

编译并运行 React Native 应用

cd Demo
react-native run-ios

遇到了这个bug

image.png

解决方案

npm add @babel/runtime
npm install

然后关闭这个窗口

image.png

npm start
react-native run-ios

运行结果

image.png

恭喜，RN工程运行成功！