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.

或者扫描下图二维码.

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....