2023-11-07 使用react脚手架搭建一个react-native app-526互联

ps：以前有写过类似的随笔，今天再次做个总结。

1.安装node.js

去node官网下载吧，这里不赘叙了；

2.安装脚手架create-react-native-app

npm i -g create-react-native-app

这个安装过程有快有慢，看运气，我的是几秒就完成了；

3.使用脚手架创建一个app包

create-react-native-app rnApp

创建完成图示如下：

rn的目录：

启动app前还是要先拉一下依赖的：

npm i

依赖拉完后，就可以启动了，输入启动命令：

npm start

如果你安装了yarn也可以用yarn启动

yarn start

启动成功图示：

到这一步，你算是完成了一半吧，因为你想要在手机上看效果，那就得要下载一个模拟器（expo），如果是pc端，那就在下个夜神模拟器之类的就行了

注：Android 大多应用市场没有expo的下载入口，iOS的在AppStore里面可以直接下载，不过现在国内的expo官网（expo.dev）注册不了新账号，就很那啥，请使用魔法吧。

4.安装模拟器

expo沙盒：

Android端下载链接：xxx（待补充）

iOS端：AppStore上下载

pc端：随便整个模拟器能跑就行（ps：夜神模拟器）

5.查看效果

pc端的我没试过，手机端的expo，登录上去，然后扫上面那个启动成功的码就可以看到效果了