React Native 搭建開(kāi)發(fā)環(huán)境的方法步驟

本文介紹了React Native 搭建開(kāi)發(fā)環(huán)境，分享給大家，具體如下：

準(zhǔn)備工作

1. node -v：確認(rèn)是否安裝Node，若已經(jīng)成功安裝了，則執(zhí)行下面的命令；否則先進(jìn)行Node的安裝。
2. npm install -g create-react-native-app：使用npm快速創(chuàng)建React Native應(yīng)用。
3. create-react-native-app AwesomeProject：創(chuàng)建名為AwesomeProject的項(xiàng)目。
4. cd AwesomeProject：進(jìn)入項(xiàng)目所在文件目錄。
5. yard start：?jiǎn)?dòng)服務(wù)，終端會(huì)顯示二維碼和鏈接地址。

手機(jī)下載Expo客戶端APP

運(yùn)行React Native應(yīng)用AwesomeProject

將已經(jīng)下載好Expo客戶端APP的手機(jī)連接上同電腦的無(wú)線網(wǎng)絡(luò)；

打開(kāi)Expo客戶端APP，使用Expo的掃描功能掃描終端的二維碼，或者在Expo中輸入終端顯示的應(yīng)用的鏈接地址，即可看到應(yīng)用的運(yùn)行效果。

修改應(yīng)用

進(jìn)入應(yīng)用所在的目錄文件，打開(kāi)App.js文件，便可進(jìn)行React Native開(kāi)發(fā)了。

至此，React Native的開(kāi)發(fā)環(huán)境便搭建成功了。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com