一、環(huán)境配置
(1)需要一臺(tái)Mac(OSX)
(2)在Mac上安裝Xcode
(3)安裝node.js:https://nodejs.org/download/
(4)建議安裝watchman畸肆,終端命令:brew install watchman
(5)安裝flow:brew install flow
ok访惜,按照以上步驟嘹履,你應(yīng)該已經(jīng)配置好了環(huán)境。
二债热、Hello, React-Native
現(xiàn)在我們需要?jiǎng)?chuàng)建一個(gè)React-Native的項(xiàng)目砾嫉,因此可以按照下面的步驟:
打開終端,開始React-Native開發(fā)的旅程吧窒篱。
(1)安裝命令行工具:sudo npm install -g react-native-cli
(2)創(chuàng)建一個(gè)空項(xiàng)目:react-native init HelloWorld
(3)找到創(chuàng)建的HelloWorld項(xiàng)目,雙擊HelloWorld.xcodeproj即可在xcode中打開項(xiàng)目焕刮。xcodeproj是xcode的項(xiàng)目文件。
(4)在xcode中舌剂,使用快捷鍵cmd + R即可啟動(dòng)項(xiàng)目济锄。基本的Xcode功能可以熟悉霍转,比如模擬器的選擇等荐绝。
啟動(dòng)完成后,你會(huì)看到React-Packger和iOS模擬器避消,具體的效果如下低滩,說明你創(chuàng)建項(xiàng)目成功了。
Xcode10 上創(chuàng)建RN工程報(bào)錯(cuò):error: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src: Permission deniederror: couldn't create directory /Users/dmy/HelloWorld/node_modules/react-native/third-party/glog-0.3.5/src:
解決辦法:
不要直接使用 react-native init HelloWorld 創(chuàng)建項(xiàng)目,
后面加個(gè) --version 0.45.0 之前的版本就好了,
比如:
react-native init HelloWorld --version 0.44.0