window平台下搭建react-native开发环境

搭建开发环境需要安装的工具

Node.js
React Native Command Line
Android Studio/Xcode

React Native开发需要用到Node.js环境

• 安装Node.js的方式

直接到官网下载Node.js安装包进行安装
可以前往 https://nodejs.org/en/download/

选择自己系统的相对应的版本.msi进行下载即可

• 安装Node.js之后打开命令行查看是否安装成功

输入 npm -v
出现Node.js版本号如下图即成功

• 接下来需要安装react-native 命令行工具
  打开命令行输入下面命令即可进行完成安装

npm install -g react-native-cli

安装完成之后可以通过react-native --help 来查看它所支持的所有命令

• 之后安装好Android 开发工具Android Studio就可以啦

所有工具安装完成之后就可以进行React-Native开发了

创建第一个React Native应用

初始化一个React Bative应用，可以通过命令行来进行，打开命令行输入下面命令：

react-native init <项目名称>
如： react-native init FirstApp

之后会自动下载一些react-native需要的依赖包包，只需要等待就行

之后就可以在Android Studio中安装Android项目了

WKG`YJ926PY7K2DO%TCIG}I.png

不过打开时只需要打开项目名下的android文件夹就行了

[图片上传失败...(image-3024f-1519717978979)]

之后在虚拟机上运行成功就显示开发环境搭建成功了