首頁  >  文章  >  web前端  >  react-native-cli是什麼

react-native-cli是什麼

青灯夜游
青灯夜游原創
2022-03-21 17:14:212822瀏覽

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.jsReact.jsReact 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 NativeReact.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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn