ReactNative: react-native init 到底做了什么

阅读本篇之前, 假设你已经在 Mac 上面安装好了 React Native 相关的环境.

React Native 的环境搭建可以参考官方文档, 相当的详细.

不过, 你最好使用 vpn, 或者使用国内的镜像来搭建.

环境搭建好了, 可以创建工程了.

创建工程的命令如下

react-native init AwesomeProject

在这个命令的背后, 有如下几个步骤.

* 新建了 AwesomeProject 文件夹

* 创建 package.json 文件

* npm install --save react-native 运行

该命令

1. 安装了 react native 及其相关依赖.可以在 node-modules 目录中找到.

2. 在 package.json 中声明 react native

* 安装全局的命令行工具(cli).并且将控制权交给本地的 cli.

本地的 cli 在 node_modules/react-native/local-cli/cli.js 文件.

* 创建 ios 和 android 工程文件.

这一切可以在 react-native 这个命令里面找到.

找到 react-native

which react-native

在我的机器上面, 得到

/Users/mark/.nvm/versions/node/v5.5.0/bin/react-native

其实这个是一个软链接, 真正指向的文件

/Users/mark/.nvm/versions/node/v5.5.0/lib/node_modules/react-native-cli/index.js

可以查看代码来分析.

欢迎大家关注我的个人微信公众号: ITMan, 微信公众号搜索: ITManMark.

或者扫描下图二维码.