具體的環(huán)境搭建可見react native中文網(wǎng)
這里主要是記錄一下工程創(chuàng)建的坑和用webstorm運(yùn)行工程。
首先在終端創(chuàng)建一個(gè)工程。默認(rèn)是創(chuàng)建最新的版本
react-native init AwesomeProject
然后cd到該工程目錄
cd AwesomeProject
接著運(yùn)行該工程
react-native run-ios
這時(shí)候大概會報(bào)錯(cuò),總體大概是天朝圍墻下不了依賴庫的問題荠藤。然后看看這里 依賴庫下載地址
WechatIMG110.jpeg
將下載好依賴庫放到
~/.rncache
再到重復(fù)執(zhí)行run命令。基本可以搞定
下面看看用webstorm跑起來剛剛創(chuàng)建的工程
用webstorm打開剛剛創(chuàng)建的工程，點(diǎn)擊右上角Edit configureations
WechatIMG111.jpeg
接著點(diǎn)擊add符號神郊，添加一個(gè)npm
WechatIMG113.jpeg
WechatIMG114.jpeg
WechatIMG115.jpeg
WechatIMG116.jpeg
Program: react Native的路徑,一般都是 /usr/local/bin/react-native (終端命令:which react-native)
Arguments: run-ios
working directory: 先點(diǎn)擊右邊的insert macro,選擇"FileDir - fire directory
然后apply OK就可以打開iPhone模擬器調(diào)試工程了
2.當(dāng)從github新download下來一個(gè)項(xiàng)目，并運(yùn)行react-native run-ios命令時(shí)趾唱，報(bào)React Native: Command run-ios unrecognized
1.第一步：
npm install --save react-native@latest
2.第二步：
npm install
