首先是安裝必要的軟件管理工具
Home-brew(mac 系統(tǒng)的包管理工具,用來安裝Node js 和一些其他的軟件工具)
打開終端輸入以下指令:
wangchenglong$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
PS:home-brew 的簡(jiǎn)單實(shí)用
搜索軟件:brew search 軟件名 如 brew search wget
安裝軟件:brew install 軟件名 如 brew install wget
卸載軟件:brew remove 軟件名 如brew remove wget
更多的?自己去官網(wǎng)挖吧 http://brew.sh/index_zh-cn.html
然后是安裝 node js
同樣是在終端里輸入以下指令:
wangchenglong$ brew install node
等待下載 安裝。
==> Summary
??? /usr/local/Cellar/node/6.4.0: 3,829 files, 39.9M, built in 15 minutes 2 seconds
出現(xiàn)這樣的字樣 說明你的node 已經(jīng)安裝到你的電腦里面了??
React Native的命令行工具(react-native-cli)
React Native的命令行工具用于執(zhí)行創(chuàng)建,初始化,更新項(xiàng)目,運(yùn)行打包服務(wù)(packager)等任務(wù)
安裝指令:npm install -g react-native-cli
執(zhí)行下面的指令就會(huì)出現(xiàn)
react-native init AwesomeProject
會(huì)出現(xiàn)下面的代碼
This will walk you through creating a new React Native project in /Users/wangchenglong/AwesomeProject/AwesomeProject
Installing react-native package from npm…
看你網(wǎng)速的時(shí)候到了。
因?yàn)閲鴥?nèi)有墻的原因 所以會(huì)比較慢
To run your app on iOS:
cd /Users/wangchenglong/AwesomeProject/AwesomeProject
react-native run-ios
- or -
Open /Users/wangchenglong/AwesomeProject/AwesomeProject/ios/AwesomeProject.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
Have an Android emulator running (quickest way to get started), or a device connected
cd /Users/wangchenglong/AwesomeProject/AwesomeProject
react-native run-android
最終嫩 會(huì)出現(xiàn)上面灰色的代碼。
說明你的React Native 工程創(chuàng)建完成
去目錄下找到工程 點(diǎn)擊 iOS/AwesomeProject.xcodeproj 文件 運(yùn)行Xcode 就可以了。