React-Native探索之路（一）

对于技术小白的我来说，一听说React-Native，顿时瑟瑟发抖，虎躯一震，菊花一紧，顿时心生畏惧，总觉得React-Native和我隔着千山万岭，但是出于好奇，并且对于热爱学（zhuang）习(bi)的我来说，决定从零开始摸索这门技术，为了防止之后会遗忘，所以还是以笔记的形式记录一下。
好了，废话不多说了，一起来开启这段学（zhuang）习(bi)的旅程

什么是React-Native？

React-Native是feacbook开源的用于开发移动端跨平台App的技术框架，其代码托管在GitHub上。（https://github.com/facebook/react-native）

为什么用React-Native？

1、传统开发的痛点

开发成本高（一个公司要同时招聘安卓和IOS开发者）
代码复用率比较低（开发IOS和安卓的语言不想通）

2、React-Native的优点

跨平台
低投入、高回报
性能高
支持动态更新
其他

开发环境搭建

官网：https://reactnative.cn/docs/0.51/getting-started.html

Node.js、Python 2、React-Native命令行工具、AndroidStudio（安卓）\XCode（IOS）

1、在Windows平台搭建开发环境

Python 2请下载2.xx的版本(https://www.python.org/downloads/)

下载Node.js并安装，输入npm -v查看node.js版本

建议配置Node环境变量path

Yarn、React Native的命令行工具（react-native-cli）

安装AndroidStudio（不做过多介绍），有三个东西必须要装

配置ANDROID_HOME环境变量(依照官网给的截图)

将Android SDK的Tools目录添加到PATH变量中

测试安装

安装完成目录结构：

node_modules：通过npm install 安装的东西都会放在这个目录下

package.json：配置工程的依赖

在设备上运行（https://reactnative.cn/docs/0.51/running-on-device-android.html#content）

果然不出所料，运行出错(用命令行启动安卓应用)

我找到对应的文件夹直接干掉，然后再运行一次，之后会自动下载，最后完美运行在真机上了（如果遇到其他坑，请自行百度谷歌，小弟就不帮忙啦）

除了用命令行打开安卓工程外，还可以启动AndroidStudio打开这个安卓工程

2、在Mac平台搭建开发环境

由于小白没有Mac,所以此处内容以后会添加

开发React-Native工具的选择

1、WebStorm
2、Nuclide+Watchman(Mac)
3、Sublime