首页 > 学院 > 开发设计 > 正文

Reac Native(一)windows环境搭建

2019-11-09 13:55:47
字体:
来源:转载
供稿:网友

本篇文章旨针对安卓开发的小伙伴~~~

第一步:相信对于安卓开发的小伙伴来说安卓开发环境已经搭建完毕了吧,假设都已经好了并且是在用android studio在开发~~~

第二步:配置环境变量:

①:确保配置了正确的sdk环境变量

②:配置adb环境变量,不会的自行百度~~~

第三步:下载安装nodejs,他家官网:https://nodejs.org/en/

安装完nodejs后就可以使用npm命令了,检查是否安装成功:命令行输入npm -version  如果出现下图说明已经安装成功

第四步:安装npm的源管理器nrm

 %20 %20命令行输入:npm%20install%20-g%20nrm%20 如果出现类似下图这样的说明已经成功啦~

检查是否安装成功:输入nrm ls  试试看

这里写图片描述

第五步:安装react native 工具包:

    首先切到taobao源上

    nrm use taobao                                      

      然后输入

               npm install -g react-native-cli                  

至此环境搭建就完毕啦~~~

环境搭建完后赶紧去建个工程看一看,首先需要初始化一个项目,随便把它建在哪个路径下,比如我的在E:/work_react_native文件夹下,创建好该文件夹后进入并且安卓shift键的同时右键鼠标,选择“在此处打开命令行窗口”,输入

react-native init HelloWorld

经过耐心等待后Helloworld这个项目就创建啦,然后

回车即可

可能会出现类似如下问题:

①: 

android%20studio%20Cause:failed%20to%20find%20target%20with%20hash%20string%20'android%20-%2023'%20in...

解决办法:首先去下载对应的sdk,如果已经存在或者下载了以后还是出现这个问题,请确保sdk的环境变量配置正确,如果发现不对,重新配置以后一定要退出命令行工具重新运行react-native%20init%20HelloWorld

②:出现类似如下的错误

请在确保正确配置了adb环境变量的前提下输入:adb%20reverse%20tcp:8081%20tcp:8081

至此应该可以在模拟器或者真机跑起来了(小米手机可能会提醒权限相关的,允许就好了),如图

接下来,按一下手机的设置键,如图

这里写图片描述

选Dev Settings

这里写图片描述

点击箭头部分后,需要输入主机ip和端口,端口为8081

前面的ip需要输入你自己的电脑IP,

然后再点一下设置键,选择reload  就可以看到如下界面啦


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表