Expo Web入门指南
入门
建筑
🤔 Expo Web 的运作方式
🏃🏻♂️ 到处奔跑
或在纯网页模式下速度更快
🕵️♀️了解更多
👋 感谢阅读
👉 本指南面向对 Expo 或移动应用开发一无所知的 React 初学者开发者。
Expo 让您能够使用 React 和 JavaScript 构建和部署真正的iOS、Android 和 Web 应用。Expo 网站性能卓越且高度可定制；这意味着您可以将它们与任何现有的 React 工具（例如Next.js、Gatsby、Preact、Electron等）一起使用。
本指南将快速向您展示创建网站并将其部署到网络上的基础知识，只需几分钟即可完成！有关移动应用的更多信息，请查看Expo 文档。
你将学会如何：
入门
安装 Expo CLI 并创建一个新的通用项目（Web、iOS、Android）：
💡 完全没有编程经验的初学者应该访问snack.expo.io，无需使用终端即可在浏览器中开始编程。
$ npm install -g expo-cli
创建一个新的 Expo 项目：
$ expo init myProject
现在进入项目并启动它：
$ cd myProject
$ expo start --web
您的浏览器将自动打开该网站，您会看到以下内容：
建筑
创建生产版本很简单：
💡 Expo Web 构建文件存放在该
web-build文件夹中。
$ expo build:web
您可以使用任何托管服务来部署网站。在本示例中，我们将使用Netlify：
$ npx netlify deploy --dir web-build
就这样！您已经创建并部署了您的第一个通用 Expo 网站！请参阅Expo 文档，查看一些示例并了解更多信息。
🤔 Expo Web 的运作方式
Expo 应用中的每个屏幕都是一个React 组件，但Expo不使用<div/>` <p/><div>`、`<span>` 等，而是使用 `<div>`、`<span>` 、` <span>` 等。<img/><View /><Text /><Image /><ScrollView />
应用程序中的第一个组件就是你导出的任何 JSX 文件App.js：
import React from 'react';
import { Text } from 'react-native';
function App() {
return <Text>Expo Everywhere!</Text>
}
export default App;
🏃🏻♂️ 到处奔跑
- 🌐 在浏览器中使用以下命令尝试 Expo Web ：```sh
$ expo start --web
或在纯网页模式下速度更快
$ expo start:web
- 💻 Run in the **simulator** with:
```sh
$ expo start --ios
# or Android
$ expo start --android
- 📱您也可以使用Expo客户端在手机上打开此内容！
🕵️♀️了解更多
- 🎨 现在你可以设置文本样式了
- 🚗 使用 Expo 的React Navigation开始导航和路由。
- 🚀 与Next.js或Gatsby配合使用，可实现简单的纯 Web 导航和路由。
- 🔥 使用通用 Expo 组件库，更快地启动项目：
- ⭐️ 您也可以直接访问snack.expo.io，无需安装任何软件即可在浏览器中开始使用！
👋 感谢阅读
今天就到这里。请关注下方链接，获取最新的世博会资讯👇
 |
 |
 |
 |
 |
 |