React Native开发环境搭建

官方中文文档

http://reactnative.cn/

开发IDE

WebStorm 11

React语法支持

设置语法

代码智能提示

git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

• file -> import settings -> ReactNative.jar

React 环境准备

• 下载安装NodeJS for windows：https://nodejs.org/en/
• 安装react-native框架

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install -g react-native-cli

• 进入到工程工作空间，生成项目AwesomeProject

react-native init AwesomeProject

• 编译运行demo

cd AwesomeProject
react-native run-android  #自动运行 react-native start

• 手动运行Packager

cd AwesomeProject
react-native start

• Modifying Project

现在你已经成功运行了项目，我们可以开始尝试动手改一改了：
使用你喜欢的文本编辑器打开index.android.js
并随便改上几行
按两下R键，或是用Menu键（通常是F2，在Genymotion模拟器中是⌘+M）
打开开发者菜单，然后选择 Reload JS 就可以看到你的最新修改。