加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 03:35:57 所属栏目:百科 来源:网络整理
导读:阅读本篇之前,假设你已经在 Mac 上面安装好了 React Native 相关的环境. React Native 的环境搭建可以参考官方文档,相当的详细. 不过,你最好使用 vpn,或者使用国内的镜像来搭建. 环境搭建好了,可以创建工程了. 创建工程的命令如下 react-native init Awesome

阅读本篇之前,假设你已经在 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.

或者扫描下图二维码.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读