前言

因為本人是用Mac開發(fā)Android，所以這一篇是針對Mac\Android的介紹使用。

一個RN的HelloWorld項目

一、環(huán)境配置

<一> 預(yù)先的準備

1.部署JAVA環(huán)境。（教程：www.itdecent.cn/p/d0a7e0ae0e53）

2.下載最新的Android Studio（Android開發(fā)的IDE，地址：www.androiddevtools.cn/）

3.Android SDK 23 (在Android Studio中 Tools->Android->SDK Manager中下載各個版本)

<二> 下載依賴

mac 環(huán)境:

brew install node

npm install -g yarn react-native-cli

二、初始化項目：

cd 到你需要創(chuàng)建的目錄地址，調(diào)用以下命令。（cd ~/Documents/）

react-native init YourProject

到這里你的項目已經(jīng)創(chuàng)建。

三、運行項目

<一> Android Studio 打開項目。

1.項目一級目錄

<二> 打開Android Studio自帶模擬器

2.AS截圖

<三> 啟動React Native項目服務(wù)

cd 到項目一級目錄下 （如上圖1，例：cd ~/Documents/YourProject/）,運行命令。

react-native run-android

報錯：watchman --no-pretty get-sockname returned with exit code=1, signal=null, stderr= 2017-06-02T19:03:07,755: [3082920896] the permissions on /usr/local/var/run/watchman/melon-state allow others to write to it. Verify that you own the contents and then fix its permissions by running `chmod 0700 /usr/local/var/run/watchman/melon-state`

解決：chmod 0700 /usr/local/var/run/watchman/<user>-state/

四、HelloWord

4.模擬器截圖