天天看点

RN在Mac环境下开发环境搭建

1.推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装:

如果你已经安装了 Node,请检查其版本是否在 v8.3 以上。安装完 Node 后建议设置 npm 镜像以加速后面的过程(或使用科学上网工具)。

注意:不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!

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

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

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

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

安装Android studio 和Xcode

安装webstrom

用react-native创建项目

!!!注意!!!:init 命令默认会创建最新的版本,而目前最新的 0.45 及以上版本需要下载 boost 等几个第三方库编译。这些库在国内即便FQ也很难下载成功,导致很多人<code>无法运行iOS项目</code>!!!中文网在论坛中提供了这些库的国内下载链接。如果你嫌麻烦,又没有对新版本的需求,那么可以暂时创建<code>0.44.3</code>的版本。

运行项目:

前提必须有真机和模拟器在运行哦