React-Native基础环境搭建

RN(react-native)环境搭建

1.安装node.js(JavaScript运行时环境)

 下载地址 http://nodejs.cn/（傻瓜式安装即可）

  安装完成之后打开cmd命运运行node -v 输出版本号即安装成功

2安装react-native-cli

 打开cmd命令依次输入以下命令：

 npm config set registry https://registry.npm.taobao.org(切换成淘宝镜像。加快在国内npm（npm服务器不在国内）安装 模块的速度)

  npm install -g react-native-cli

3AndroidStudio(2.0以上版本)，JDK(1.8以上版本)

  注意：在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选GooglAPIs、 Android   SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System   Image

        在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools     23.0.1（必须包含有这个版本。当然如果其他插件需要其他版本，你可以同时安装其他多个版本）。然后还要勾选最底部的Android Support Repository

4 ANDROID_HOME环境变量（指向sdk地址）

5创建出RN项目

 打开cmd命令输入：react-native init xxx(项目名称)(默认创建最新的版本，如需指定版本使用--version参数制定版本   如：react-native init xxx --version 0.39.2)

 运行在Android真机上：项目地址下，运行react-native run-android

遇见以下错误及解决方法：

  unable to load script form assets

  执行： react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output         android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

注意：当前新版本生成的项目文件和老版本所生的文件有所不同，运行遇到问题请根据不同版本去解决（https://github.com/reactnativecn/react-native.cn）

参考地址 http://reactnative.cn/(中文),https://facebook.github.io/react-native/(英文)