React Native: react-native init 到底做了什么

前端之家收集整理的这篇文章主要介绍了React Native: 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.

或者扫描下图二维码.

猜你在找的React相关文章