react-native移动app开发指南（一）环境的搭建

关于react-native的介绍请各位自行百度，本系列文章将着重讲解如何从零开始搭建一个react-native开发环境。

本系列教程将使用如下工具和库：

1. node.js；后端服务器语言；
2. react-native：前端框架；react-native官方文档
3. expo xde：react-native项目管理软件；官方文档
4. 逍遥模拟器：模拟调试工具
5. vscode：编译工具
6. ant-design：前端UI框架；官方文档
7. reactnavigation：react-native路由跳转；官方文档

以上为主要相关工具，后面附带了官方文档，有什么问题可以自行阅读。本文默认已经安装好了nodejs的环境，没有安装好的去网上找相关的教程很容易，下面进入正式的环境配置；

1.  安装yarn（包管理器用来代替npm）
    打开终端执行命令 npm install yarn -g
    执行命令 yarn -v 查看安装情况


2.  安装create-react-native-app
    npm install create-react-native-app -g


3.  安装expo
    npm install exp -g 或者 yarn global add exp
    命令行运行 exp  没有报错就安装成功


4.  安装antd-mobile
    yarn add antd-mobile


5.  安装react-navigation
    yarn add react-navigation


6.  为了能按需加载，还需要额外配置
    yarn add babel-plugin-import --dev


7.  pc端安装xde（自行到官网下载https://expo.io/）

8.  在手机上面安装expo（自行到官网下载https://expo.io/）

至此基本环境已经部署完毕，下一篇将正式开始我们的第一个demo；