Reac Native(一)windows环境搭建

来源:互联网 发布:java 7zip 解压缩 编辑:程序博客网 时间:2024/04/29 11:09

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


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

第二步:配置环境变量:

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

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

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

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



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

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

这里写图片描述

检查是否安装成功:输入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 studio Cause:failed to find target with hash string 'android - 23' in...

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

②:出现类似如下的错误

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

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

这里写图片描述


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

这里写图片描述


选Dev Settings

这里写图片描述


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



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


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








0 0