初識(shí)react---環(huán)境的搭建

首先是安裝必要的軟件管理工具

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 就可以了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容