React Native【1.搭建项目HelloWord】

前言

因为本人是用Mac开发Android，所以这一篇是针对Mac\Android的介绍使用。

一个RN的HelloWorld项目

一、环境配置

<一> 预先的准备

1.部署JAVA环境。（教程：www.jianshu.com/p/d0a7e0ae0e53）

2.下载最新的Android Studio（Android开发的IDE，地址：www.androiddevtools.cn/）

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

<二> 下载依赖

mac 环境:

brew install node

npm install -g yarn react-native-cli

二、初始化项目：

cd 到你需要创建的目录地址，调用以下命令。（cd ~/Documents/）

react-native init YourProject

到这里你的项目已经创建。

三、运行项目

<一> Android Studio 打开项目。

1.项目一级目录

<二> 打开Android Studio自带模拟器

2.AS截图

<三> 启动React Native项目服务

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/-state/

四、HelloWord

4.模拟器截图