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下打开网页：

双击静态页面打开

有了最新消息！约局吧如何查看是... 有了最新消息！约局吧如何查看是否有挂，来玩app 德州辅助，项目教程（有挂方针）1、约局吧如何查看...

第5分钟辅助！广东雀神祈福有用... 第5分钟辅助！广东雀神祈福有用吗，原来是有辅助脚本（果真有挂）1、任何广东雀神祈福有用吗透视是真的假...

2026版复盘！hhpoker... 2026版复盘！hhpoker可以开挂吗，hhpoker辅助挂，举措教程（有挂透视）1、hhpoke...

第1分钟辅助！雀神麻将智能插件... 第1分钟辅助！雀神麻将智能插件开挂，好像是真的有辅助教程（有挂工具）1、该软件可以轻松地帮助玩家将雀...

今天下午！拱趴大菠萝有什么挂，... 今天下午！拱趴大菠萝有什么挂，hhpoker开挂教程，方针教程（确实有挂）1、下载好拱趴大菠萝有什么...

1分钟辅助！微信老铁13水辅助... 1分钟辅助！微信老铁13水辅助，总是是真的有辅助挂（有挂辅助）1、进入到微信老铁13水辅助是否有挂之...

据统计！wpk软件是真的吗，w... 您好，wepoker模拟器哪个好用这款游戏可以开挂的，确实是有挂的，需要了解加去威信【4852750...

第5分钟辅助！新西楚辅助，切实... 第5分钟辅助！新西楚辅助，切实是有辅助技巧（有挂解惑）运新西楚辅助辅助工具，进入游戏界面。进入新西楚...

经核实！pokerworld破... 经核实！pokerworld破解版下载，aapoker怎么设置抽水，妙计教程（果真有挂）1、每一步都...

第七分钟辅助！心悦踢辅助软件，... 第七分钟辅助！心悦踢辅助软件，确实有辅助挂（有挂讲解）1）心悦踢辅助软件有没有挂：进一步探索心悦踢辅...

TodoList