React Native入门学习笔记一（环境搭建windows+android）

win+android开发环境搭建

装备工作：

需要安装jdk、android sdk、nodejs、git

安装

参考网站：​​http://facebook.github.io/react-native/docs/getting-started.html​​​
以管理员身份运行，要确保能访问​​​https://chocolatey.org​​​网站。
​​​http://www.jianshu.com/p/1a3452aaa578​​

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

choco install python2

choco install nodejs.install

npm install -g react-native-cli

choco install jdk8

下载安装android studio

下载运行demo

git clone ​​https://github.com/ruanyf/react-demos.git​​

安装react-native源码

执行命令检出项目：
git clone ​​​https://github.com/facebook/react-native.git​​

在浏览器运行示例

这是网友整理的一份学习指南链接：
​​​http://www.tuicool.com/articles/zaInUbA​​

初始化项目

react-native init testProject

这里经常遇到的问题是初始化速度很慢。
整理几个网上的处理方式：
- 下载配置好的项目
​​​http://bbs.reactnative.cn/topic/11/react-native​​中文网官方发布完整新项目包-无需init

• mac下，分离nodejs初始化过程
  ​​http://www.jianshu.com/p/62242e424bae​​
• 切换源和自建源
  ​​javascript:void(0)​​
• git下载 测试项目
  ​​https://github.com/zhonghanwen/AwesomeProject​​

使用AndroidStudio打开项目

运行命令：

npm start
或
react-native start

nodejs会打开一个默认端口：8081，如果要更改这个端口，可以使用命令：

react-native start --port 9988

真机或模拟器调试

下载安装Genymotion,安装模拟器并启动。安装方法：

​打开另一个cmd窗口定位在同样目录，输入命令：

react-native run-android