Windows 下搭建React Native开发环境
本文所需工具:
1.JDK 1.8版本
2.Android studio 2.3.3
3.C++运行环境 cygwin
4.Git for window
5.python
6.node.js
2.软件安装
2.1 JDK1.8
2.1.1.安装JDK1.8,点此去下载;
2.1.2.下载完成后安装,安装过程简单,此处省略;
2.1.3.配置JAVA_HOME
2.2 Android studio
2.1.1.安装As 2.3.3.点击此处去官网下载,点击此处去国内镜像下载
2.1.2 .安装as,安装过程中可能需要gradle,点击此处下载
2.1.3.配置%ANDROID_HOEM%,%ANDROID_HOME%\platform-tools,%ANDROID_HOME%\tools
2.1.4.打开SDK Manager 下载SDK platforms 23,Android SDK Build-tools (23.0.1),Android
Support Repository 如下图
2.3 cygwin
2.3.1.下载cygwin,点击此处去下载
2.3.2.安装cygwin,安装过程省略
2.4.Git
2.4.1.下载Git,点击此处去下载
2.4.2.安装版本控制工具GIT,过程省略;
2.5.python
2.5.1.下载python,此处使用python 2.7.14版本,点击此处去下载
2.5.2.安装并添加到path
2.6.node.js
2.6.1.下载node.js,点击此处去下载
2.6.2.安装node.js,并添加NODE_PATH指向node_global文件夹(此处设置放到3.3命令执行之后),并添加%NODE_PATH%,%NODE_PATH%\node_modules,安装目录nodejs到Path中
3.使用cmd安装react-native
3.1.打开cmd,使用管理员模式,默认模式可能会有问题
3.2.设置npm镜像以加速后面的过程(可能需要翻墙)
指令如下:
npm config set registry
https://registry.npm.taobao.org --global
npm config set disturl
https://npm.taobao.org/dist --global
3.3.安装react-native命令行工具,指令如下:
npm install -g react-native-cli
3.4.创建本地项目
3.4.1. 选择本地安装目录,本文已在E盘下新建了一个react-native-demo文件夹
3.4.2 进入工程目录,运行如下指令:react-native init HelloRN,一段时间后可在react-native-demo文件夹下看到HelloRN已下载到本地
3.4.3.启动设备并连接到电脑,此处用一个模拟器
3.4.4.进入到项目文件夹下,运行react-native run-android指令
3.4.5.查看Android设备是否显示安装应用,此处可以看到,react-native已安装成功!
以上是 Windows 下搭建React Native开发环境 的全部内容, 来源链接: utcz.com/z/381190.html