react native 使用笔记

react native的优点：跨平台，低投入高回报（因为它跨平台） 性能高   支持动态更新 

搭建window环境：

　　安装nodejs

　　安装react native: npm install -g react-native-cli

　　安装Android studio （http://developer.android.google.cn）

　　初始化 react native项目：react-native init mynative(项目名称可随便起)

　　运行react native项目:

　　　　通过命令行工具运行：首先确保有已经启动的安卓模拟器或者已经链接电脑的移动设备

　　　　　　启动安卓模拟器：emulator -avd 5 -gpu off

　　　　　　在项目跟目录写：react-native run-android

　　　　通过 Android studio：

　　　　　　打开Android studio

　　　　　　点击open选择项目中的Android目录点ok

　　　　　　如果遇到错误时尝试在项目的根目录运行npm start

　　调出开发者菜单ctrl+m单机两次

　　生成的项目的目录介绍：

　　　　—test—:存放测试的文件的目录

　　　　android:生成的安卓项目的目录

　　　　ios:生成的ios项目的目录

　　　　node_modules:项目所依赖的组件包

　　　　index.android.js:安卓项目的入口文件

　　　　index.ios.js:ios项目的入口文件

　　　　package.json

配置npm的镜像服务器：在nodejs/node_modules/npm下添加registry=https://registry.npm.taobao.org

搭建mac环境：

　　安装nodejs

　　安装react native：npm install -g react-native-cli

　　安装ios开发工具xcode

　　安装Android studio（需安装jdk）

　　创建react native项目：react-native init mynative

　　运行react native项目:

　　　　命令行运行（项目跟目录）：react-native run-ios

　　　　开发工具运行：在xcode 中打开ios下的FirstApp-xcodeprol，点击运行。

　　在ios上运行Android跟在win上一样

　　ctrl+d打开开发者应用

mac设置npm的淘宝镜像：根目录有.npmrc文件添加registry=https://registry.npm.taobao.org/

开发工具：webStorm ，Nuclide+watchman(mac,facebook推荐)，sublime