react-native-cli是什么

青灯夜游
发布: 2022-03-21 17:14:21
原创
3046人浏览过
react-native-cli是React Native自带的一个脚手架工具,是一个Node.js插件,能够帮助开发者快速的从0开始创建一个完整的RN项目,也可以在RN应用启动时检查服务端js文件是否更新,以及进行打包服务。

react-native-cli是什么

本教程操作环境:Windows7系统、react17.0.1&&nodejs 12.19.0版、Dell G3电脑。

react-native-cli是Facebook开源项目React Native自带的一个脚手架工具,可以很方便帮助开发者快速的从0开始创建一个完整的RN项目。

react-native-cli其实是Node.js的一个插件,可用于命令行执行React Native命令和RN应用启动时检查服务端js文件是否更新,以及进行打包服务。

了解几个相关的词汇:Node.js,React.js和React Native

  • Node.js: Node.js是JS的运行时环境,类比到Java的jvm,提供了很多系统级的API,如文件操作、网络编程等. 用事件驱动, 异步编程,主要是为后台网络服务设计,使得JS可作为后台开发的语言

  • React.js: Node.js的一个UI框架,可以对UI代码进行封装,实现UI组件化

  • React Native: 也是Node.js的一个UI框架,是基于React.js实现的

  • React Native跟React.js的本质区别在于在渲染时,ReactJs是驱动html dom渲染;React Native是驱动android/ios原生组件渲染。

react-native-cli的简单使用方法

1、下载并安装Node.js和npm

可下载最新版本的,记得配置环境变量

2、安装react-native-cli

npm install -g react-native-cli
登录后复制

注: -g 这个参数表示将module下载到全局,默认不加,表示下载到本地,表示当前这个模块只能应用于当前目录项目。

3、快速创建RN应用

1)创建RN工程

react-native init MyRNProject
登录后复制
  • init:初始工程,快速创建RN工程

  • MyRNProject: 项目名称

2)启动工程(运行iOS项目,查看效果)

react-native run-ios
登录后复制

如果以上步骤都安装正确,这里应该能启动iOS模拟器,并运行RN工程了。整个流程看起来是不是很简单。之所以看起来很方便、简单,是因为react-native-cli命令行工具替我们完成了一系列的创建、配置、初始化、安装依赖的工作。本文的重点就是带大家探究一下,react-native-cli究竟替我们做了哪些工作,又是如何完成的。

【相关推荐:Redis视频教程

以上就是react-native-cli是什么的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号