Window环境React-native环境配置步骤(Android)

本文详细介绍如何搭建React Native开发环境,包括JDK、SDK、Node.js等关键组件的安装配置,以及设置国内镜像加速npm包下载的方法。

该步骤是自己在看了别人的步骤之后,自己安装时又进行啦一些完善之后的步骤:

第一步:安装JDK

这里提示注意的地方:一定一定要在系统变量中配置JAVA_HOME: D:\Jdk8\jdk8,值是你的JDK安装目录。

第二步:安装SDK

① 环境变量ANDROID_HOME:XXX 
例 如:(ANDROID_HOME: D:\sdk) 
② 环境变量PATH例如: 
例如:(PATH:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)

第三步:通过SDK Manager下载SDK

 React Native使用的是android版本是23.0.1,只支持这一个sdk版本,所以你必须先下载他的源码及工具,不然后面后报错



如果你需要用到google模拟器还需要下载


第四步:安装nodejs开发环境

 推荐先安装nvm,使用nvm来管理nodejs版本
安装nvm:https://github.com/coreybutler/nvm-windows/releases
nvm下载之后,就是傻瓜式安装,可以自己选择安装目录,安装完成后,

帮助:nvm -h
安装nodejs:nvm install -v7.4.0(7.4.0是nodejs的版本号,可以通过:https://nodejs.org/en/ 查看当前nodejs的最新版本号)

(针对小白说一下,上面的命令行,执行通过cmd在命令行直接执行就行)

安装命令执行完成,不要着急,一定要记得执行下面的命令:
nvm use 7.4.0(7.4.0是nodejs的版本号)

如果不执行上面的命令,npm命令就会报不是内部或者外部命令

第五步:安装git
 下载地址:https://git-for-windows.github.io/ 直接download即可

安装注意选择支持windows Command 和 windows ’ default console window

下面就可以使用npm命令啦


第六步:配置国内镜像

 因为需要下载东西而遭到国内禁止,你懂得,所以得配置镜像,方便我们下载:

npm config set registry https://registry.npm.taobao.orgnpm 
npm config set disturl https://npm.taobao.org/dist

命令行执行这两段配置命令。

第七部:安装react-native及命令行工具react-native-cli

 

 这是react-native命令执行所必须不可缺少的文件。
命令如下:
npm install -g react-native
npm install -g react-native-cli

至此,react-native的相关准备工作就做完了,下面可以直接进入指定的工程目录,通过
react-native init MyProject(MyProject 是工程名字)命令直接生成一个react-native项目。




react-native相关基本命令:

开启工程命令:  react-native start

检查FirstRNProject项目是否启动成功


在浏览器中访问http://localhost:8081/index.android.bundle?platform=android


运行 命令: react-native  run-android(run-ios)

web运行准备:
运行 npm install -g react-web
 然后cp .de_modules/react-domb/*  .de_modules/reactb

运行命令 react-web start



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值