react-native-cli指的是什么

本文小編為大家詳細介紹“react-native-cli指的是什么”，內容詳細，步驟清晰，細節處理妥當，希望這篇“react-native-cli指的是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

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究竟替我們做了哪些工作，又是如何完成的。

讀到這里，這篇“react-native-cli指的是什么”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。