react-native-cli指的是什么

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

成都創(chuàng)新互聯(lián)主要從事網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)尉犁,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

react-native-cli是React Native自帶的一個(gè)腳手架工具，是一個(gè)Node.js插件，能夠幫助開發(fā)者快速的從0開始創(chuàng)建一個(gè)完整的RN項(xiàng)目，也可以在RN應(yīng)用啟動時(shí)檢查服務(wù)端js文件是否更新，以及進(jìn)行打包服務(wù)。

本教程操作環(huán)境：Windows7系統(tǒng)、react17.0.1&&nodejs 12.19.0版、Dell G3電腦。

react-native-cli是Facebook開源項(xiàng)目React Native自帶的一個(gè)腳手架工具，可以很方便幫助開發(fā)者快速的從0開始創(chuàng)建一個(gè)完整的RN項(xiàng)目。

react-native-cli其實(shí)是Node.js的一個(gè)插件，可用于命令行執(zhí)行React Native命令和RN應(yīng)用啟動時(shí)檢查服務(wù)端js文件是否更新,以及進(jìn)行打包服務(wù)。

了解幾個(gè)相關(guān)的詞匯：Node.js，React.js和React Native

  • Node.js: Node.js是JS的運(yùn)行時(shí)環(huán)境，類比到Java的jvm,提供了很多系統(tǒng)級的API，如文件操作、網(wǎng)絡(luò)編程等. 用事件驅(qū)動, 異步編程,主要是為后臺網(wǎng)絡(luò)服務(wù)設(shè)計(jì),使得JS可作為后臺開發(fā)的語言

  • React.js: Node.js的一個(gè)UI框架，可以對UI代碼進(jìn)行封裝，實(shí)現(xiàn)UI組件化

  • React Native: 也是Node.js的一個(gè)UI框架，是基于React.js實(shí)現(xiàn)的

  • React Native跟React.js的本質(zhì)區(qū)別在于在渲染時(shí)，ReactJs是驅(qū)動html dom渲染；React Native是驅(qū)動android/ios原生組件渲染。

react-native-cli的簡單使用方法

1、下載并安裝Node.js和npm

可下載最新版本的，記得配置環(huán)境變量

2、安裝react-native-cli

npm install -g react-native-cli

注: -g 這個(gè)參數(shù)表示將module下載到全局，默認(rèn)不加，表示下載到本地，表示當(dāng)前這個(gè)模塊只能應(yīng)用于當(dāng)前目錄項(xiàng)目。

3、快速創(chuàng)建RN應(yīng)用

1）創(chuàng)建RN工程

react-native init MyRNProject

  • init：初始工程，快速創(chuàng)建RN工程

  • MyRNProject: 項(xiàng)目名稱

2）啟動工程（運(yùn)行iOS項(xiàng)目，查看效果）

react-native run-ios

如果以上步驟都安裝正確，這里應(yīng)該能啟動iOS模擬器，并運(yùn)行RN工程了。整個(gè)流程看起來是不是很簡單。之所以看起來很方便、簡單，是因?yàn)閞eact-native-cli命令行工具替我們完成了一系列的創(chuàng)建、配置、初始化、安裝依賴的工作。本文的重點(diǎn)就是帶大家探究一下，react-native-cli究竟替我們做了哪些工作，又是如何完成的。

讀到這里，這篇“react-native-cli指的是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站題目：react-native-cli指的是什么
本文網(wǎng)址：http://bm7419.com/article16/jdcogg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、App開發(fā)、定制開發(fā)、軟件開發(fā)、ChatGPT、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司