跳到主要内容

🚧 Function 语法教程 (开发中)

WebContainer 功能正在开发中,即将提供使用函数 + Hooks 进行快速全栈应用开发的交互式学习体验

1

全栈项目创建

使用 Midway CLI 创建前后端一体化的全栈项目,支持 React + Node.js 开发

2

函数式 API

使用函数定义 API 接口,无需类装饰器,代码更简洁直观

3

Hooks 开发

在后端使用类似 React Hooks 的模式,管理状态和副作用

4

零 API 调用

直接从后端导入函数,无需手动发起 HTTP 请求,开发体验更佳

5

部署和扩展

支持 Serverless 部署,轻松扩展到云环境

🚀 交互式开发环境

在右侧的 WebContainer 环境中,你可以:
• 浏览项目文件结构
• 实时编辑代码
• 运行和调试应用
• 查看实时预览

📁 项目文件

📄package.json
📄tsconfig.json
src
📘App.tsx
apis
lambda
services
📘user.ts
📘configuration.ts
config
📘config.default.ts
📗bootstrap.js

📝 代码编辑器

👆
请从左侧文件树中选择一个文件进行编辑

🌐 预览

🚧
WebContainer 功能开发中
当前仅支持文件浏览和编辑

💻 终端

🚧
WebContainer 功能开发中
当前仅支持文件浏览和编辑