react-native-Windows配置

一:官网:

React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React

二:安装依赖

需要以管理员身份运行powershell,然后粘贴下面代码,注意:要安装淘宝镜像,要翻墙,不然下不下来。

Set-ExecutionPolicy Unrestricted -Scope Process -Force;
iex (New-Object System.Net.WebClient).DownloadString('https://aka.ms/rnw-vs2022-deps.ps1');

一路yes就可以了,注意:visual studio community需要额外勾选几个包,不然后面项目跑不起来,报错。如下,进入visual studio installer点击修改,在工作负荷下选中修改就行了。下载时间蛮长的。

二:新建react-native项目

注意:项目路径不可以有中文,不然后面运行又报错。

创建react-native项目,起个喜欢的名字,然后进入项目目录。

npx --yes @react-native-community/cli@next init demo --version "latest"
cd demo

三:适应react native Windows

建议使用yarn安装,不建议写死版本,依次输入以下代码。

yarn add react-native-windows
npx react-native init-windows --overwrite

四:运行代码

这里只分享最基本的,直接运行,第一次运行会花费一些时间。

npx react-native run-windows

五:常见错误。

详见步骤二,或者评论区留言。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值