Astro 实现TodoList网页应用案例_开发测试

创始人

2024-11-10 09:04:00

0次

Astro 是一个现代化的静态站点生成器和前端框架，它具有独特的设计理念：岛屿架构。它允许开发人员使用组件化的方式构建内容优先的网站，将各种技术栈（如React、Vue、Svelte等）的组件无缝集成到同一个项目中。

npm create astro@latest astro-todolist

在这里插入图片描述

cd astro-todolist code .

在这里插入图片描述
创建组件
在 src/components/ 目录下创建 TodoList.astro

--- ---     TodoList

创建页面
在 src/pages/index.astro 中使用 TodoList 组件:

--- import TodoList from '../components/TodoList.astro'; ---                         Astro.generator} />     Astro TodoList

在这里插入图片描述

测试

npm run dev

在这里插入图片描述

构建部署

npm run build npx netlify-cli deploy --prod

在这里插入图片描述

在这里插入图片描述
dist下打开网页：

双击静态页面打开

总算清楚(云扑克德州)外挂透明... 总算清楚(云扑克德州)外挂透明挂辅助软件(软件透明挂)第三方教程(2021已更新)(哔哩哔哩)1、云...

aapoker有猫腻！wpk ... aapoker有猫腻！wpk 辅助工具，来玩德州app果然真的有挂，专业教程（有挂攻略）1、用户打开...

九分钟曝光！（AAPOkER）... 九分钟曝光！（AAPOkER）软件透明挂，（aApoker）一般真的有挂，曝光教程（有挂技巧）亲，关...

1分钟曝光！云扑克德州有挂，（... 1分钟曝光！云扑克德州有挂，（鱼扑克）果然真的有挂，可靠教程（有挂体悟）1、完成云扑克德州有挂透视辅...

4分钟方案！（来玩德州）软件透... 4分钟方案！（来玩德州）软件透明挂，（智星德州）总是真的有挂，黑科技教程（有挂技巧）亲，关键说明，智...

盘点一款(WePoke)外挂透... 盘点一款(WePoke)外挂透明挂辅助脚本(软件透明挂)玩家教程(2022已更新)(哔哩哔哩)1、点...

智星德州菠萝偷偷看牌功能！智星... 智星德州菠萝偷偷看牌功能！智星德州有挂，菠萝德州app原来真的有挂，攻略方法（有挂攻略）1、进入到智...

七分钟揭秘！wepower德州... 七分钟揭秘！wepower德州可以设置，（EV扑克）好像真的有挂，攻略教程（有挂熟悉）1、超多福利：...

9分钟详细！（德州app）软件... 9分钟详细！（德州app）软件透明挂，（欢乐棋牌）本来真的有挂，安装教程（有挂介绍）1、欢乐棋牌系统...

wepokeai代打的胜率！云... wepokeai代打的胜率！云扑克有挂，云扑克cloudpoker好像真的有挂，2024新版（有挂教...

TodoList