React Native 环境搭建

在已经install homebrew 的前提下搭建以下插件：

• install nodejs
  https://nodejs.org/en/download/

• install watchman
  brew install watchman
  watchman用于检测bug，以及文件修改

• install flow
  brew install flow
  flow用于检测JS语法

• install react native
  npm install -g react-native-cli

• 创建一个React Native Project
  react-native init ProjectName
  创建完项目可以看到如下的项目文件：
  
  

  image.png

• 安装开发工具WebStorm
  关于注册码

---

• 用Xcode运行iOS项目，可以看到其实react native是有一个服务器

  
  
  

  image.png

• 运行之后看到结果：

  
  
  

  placeholder.gif

• install代码提示工具
  reactnative-livetemplate

• install Android Studio
  https://blog.csdn.net/hebbely/article/details/78970918

Small Tips:
关于权限问题，直接在命令前面加上sudo