react-native-cli是react native自带的一个脚手架工具,是一个node.js插件,能够帮助开发者快速的从0开始创建一个完整的rn项目,也可以在rn应用启动时检查服务端js文件是否更新,以及进行打包服务。
本教程操作环境: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是什么的详细内容。