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
react-native run-ios如果以上步驟都安裝正確,這裡應該可以啟動iOS模擬器,並且運行RN工程了。整個流程看起來是不是很簡單。之所以看起來很方便、簡單,是因為react-native-cli命令列工具替我們完成了一系列的建立、設定、初始化、安裝依賴的工作。本文的重點就是帶大家探究一下,react-native-cli究竟替我們做了哪些工作,又是如何完成的。 【相關推薦:
Redis影片教學】#
以上是react-native-cli是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!