具體參考React Native中文官網(wǎng)?https://reactnative.cn/docs/0.51/getting-started.html
1.環(huán)境搭建:React Native 主要依賴以下環(huán)境惦积。
Mac OS X操作系統(tǒng)鸽扁,推薦使用Xcode7.3.0或者更高版本。安裝Node.js v6.2.1或者更高版本。利用Homebrew安裝watchman和flow墓捻。安裝React Native?安裝NVM創(chuàng)建第一個HelloWorld程序谜叹。
1.1安裝Xcode
1.2安裝Node.js
Node.js官網(wǎng):https://nodejs.org
打開電腦終端
1.3安裝Homebrew?安裝
打開終端,按照如下操作:
1./usr/bin/ruby?-e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安裝Yarn
Yarn是Facebook提供的替代npm的工具悄窃,可以加速node模塊的下載讥电。React Navtive的命令行工具用于執(zhí)行創(chuàng)建、初始化轧抗、更新項(xiàng)目恩敌、運(yùn)行打包(packager)等任務(wù)。
安裝指令:?npm install?-gyarn react-native-cli
如果出現(xiàn)以下截圖問題鸦致,還是權(quán)限問題
解決辦法潮剪,在指令前加sudo ?npm install?-gyarn react-native-cli
?根據(jù)提示輸入密碼即可安裝成功
3.????接下來通過brew安裝watchman和flow
在終端 用兩個指令安裝 ?brew install watchman ? 和 ?brew install flow
3.1安裝Watchman,它是Facebook提供的監(jiān)視文件系統(tǒng)變更的工具分唾。(下面兩個工具推薦安裝)
brew install watchman
3.2安裝Flow抗碰,它是一個靜態(tài)的JS類型檢查工具,可方便找出代碼中可能存在的類型錯誤绽乔。
brew install watchman
3.接下來就可以創(chuàng)建項(xiàng)目了:
react-native init HelloWorld
出現(xiàn)以上警告:有一個安全低漏洞弧蝇,但是項(xiàng)目已經(jīng)創(chuàng)建成功了,具體看見創(chuàng)建項(xiàng)目目錄:
cd HelloWorld
react-native run-ios
出現(xiàn)以下兩個終端界面就表示環(huán)境搭建成功。