关于react、react native的安装和启动

简述:
1.安装react和react native首要,需要装node.js和npm
检测node.js:node -v
检测npm:npm -v
2.安装淘宝镜像(可选)
npm install -g cnpm –registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
一、安装react(两个步骤)
1、安装命令
npm install -g create-react-app
或者
cnpm install -g create-react-app
2、建立react
d:回车(d后面有冒号)
cd react(切换至react文件夹)
create-react-app my-app (建立名为my-app的react文件)
cd my-app(安装完成后,切换至my-app文件)
npm start(启动)
二、安装react native
1、安装java (网上的很详细)
2、安装Android sdk(网上的很详细)
3、npm安装命令
npm install -g react-native-cli
4、同react新建项目文件类似
d:回车(d后面有冒号)
cd react(切换至react文件夹)
react-native init AwesomeProject –version 0.55.4(建立名为AwesomeProject的react native项目文件)
ps:启动react natve项目时,启动界面为两种方式
1.真机
(启动之前重要一步:打开开发者选项、勾选usb调试、允许调试(会弹出对话框,选择允许))
adb devices(检测真机是否连上,模拟器同样适用)
2.模拟器
(启动之前重要一步:链接模拟器,我用的夜神)
adb connect 127.0.0.1:62001
启动分为启动安卓和启动ios
1.安卓:react-native run-android
2.ios:react-native run-ios
5、调试
打开模拟器浮窗(真机摇一摇或者模拟器抖动),选择device settings,点击之后选择debug sever host ports那一项,书写ip地址
192.168.1.105:8081 (本机ip:8081)
退出,reload一下就可以看到效果了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值