使用Expo快速搭建React Native环境
准备工作
必须先要有node环境
没有的话,可以点击上面的node关键字进入node.js官网进行下载
傻瓜式安装即可,安装到C盘
Expo简介
Expo是一个跨平台的App构建工具。可以让你使用JavaScript 语言构建 Android 和ios 的原生应用。
安装VsCode开发工具
点击上面的VsCode进入官网下载
下载下来是安装包
双击打开安装包
选择同意协议
点击浏览选择非系统盘(C盘)
选择D盘
按照图片进行勾选,点击下一步,等待完成
按照完成
在VsCode中,安装Expo Tools插件
按照图片中提示,搜索并安装Expo Tools插件
在D盘创建一个文件夹(名为myProjects)
点击进入该文件夹
在文件路径下输入cmd,打开命令框
输入以下命令,创建一个名叫my-app项目
npx create-expo-app my-app
执行到npm install,点击ctrl+c结束进程
进入文件夹使用yarn安装资源,因为yarn比npm install安装快
注:不能执行yarn的话,就需要先执行以下命令安装yarn
npm install yarn -g
然后把my-app拖到VsCode打开
点击查看中的终端,调出终端
这是输入npm run web会报错,还不能运行在浏览器中
这时,需要先输入以下命令安装依赖,才能运行
npx expo install react-native-web@~0.19.6 react-dom@18.2.0 @expo/webpack-config
等执行完毕后,输入npm run web就可以运行在浏览器中了。
运行效果如下:
到这里,你的第一个Expo项目就创建完毕了。
想要在真机上运行,请移步至 react-native项目如何在真机运行?