搭建开发环境需要安装的工具
Node.js
React Native Command Line
Android Studio/Xcode
React Native开发需要用到Node.js环境
- 安装Node.js的方式
选择自己系统的相对应的版本.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)]
之后在虚拟机上运行成功就显示开发环境搭建成功了