基于Vite构建工具，用Strve.js开发一个简版TodoList（真香！）前端Q关注共 847字，需浏览 2分钟 ·2022-04-20 21:21 发布Strve已经有三个月了，今天就给大家做一个小项目。看一看这个小框架到底好不好用。我们今天就做一个简版的TodoList，项目虽小，但是五脏俱全。包含了对文本的增删改，非常值得上手。开发项目之前，我需要打开官方文档，查阅Strve项目构建工具Create Strve App是怎么使用的。操作（具体操作大家可以根据文档）一番后，我们会看到下面这些。文件目录是不是觉得特别清爽，然后又是基于Vite搭建的，所以开发体验也是不错的。Strve底层是全面拥抱Es Modules，使用Vite搭建项目是不二之选。下面，我们要实现一款简版的TodoList应用。它是一个单页面应用，所以我们仅需要在一个JS文件中开发，HTML与JS可以在一起写，从另一种角度上跟JSX思想差不多。逻辑代码如下图所示，大家可以参照一下，另外，我在项目中使用了CSS Modules。虽然，现在只有一个页面。我们会看到逻辑区域与显示区域都很一目了然，我们仅仅去关心数据，操作数据就可以了。相比于JQ那种命令式API，拿来DOM就是干的方式，这种声明式API就非常优雅高效。我们接下来就是发布部署了，下面是打包之后的文件目录。然后，我们发布到云端，并且进行测试跑分。居然，可以跑到99分，其实我有信心可以跑到100分的（）。这篇文章很简短，大体介绍了Strve开发一个小项目的流程。如果感兴趣的朋友可以互相交流下。项目云端地址https://www.maomin.club/site/todolistStrve源代码地址https://github.com/maomincoding/strve往期推荐觉得自己的前端页面不够花里胡哨？试试clip-path！对话Svelte未来，Rust 编译器？构建大型应用?收藏！史上最全 Vue 前端代码风格指南最后欢迎加我微信，拉你进技术群，长期交流学习...欢迎关注「前端Q」,认真学前端，做个专业的技术人...点个在看支持我吧 浏览 12点赞 评论 收藏 分享 手机扫一扫分享分享 举报 评论图片表情视频评价全部评论推荐 基于Vite构建工具，用Strve.js开发一个简版TodoList（真香！）前端历劫之路0Vite基于原生 ESM 的 Web 开发构建工具vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES im用 Python 开发一个 【个人计划 todolist】学习python的正确姿势0Vite基于原生 ESM 的 Web 开发构建工具vite是一个由原生ESM驱动的Web开发构建工具。在开发环境下基于浏览器原生ESimports开发，在生产环境下基于Rollup打包。vite作用快速的冷启动：不需要等待打包操作；即时的热模块更新：vue3构建工具vite原理之 手写vite前端瓶子君0面向未来的前端构建工具-vite前端桃园0Buildout基于Python的构建工具Buildout是一个基于Python的构建工具,通过一个配置文件，可以从多个部分创建、组装并部署你的应用，即使应用包含了非Python的组件，Buildout也能够胜任.Buildout不但能够像s用 Python 开发一个 【聊天室】学习python的正确姿势0Buildout基于Python的构建工具Buildout是一个基于Python的构建工具, 通过一个配置文件，可以从多个部分创建、组装并部署搭建一个 Vite 版 React 项目勾勾的前端世界0点赞 评论 收藏 分享 手机扫一扫分享分享 举报
）。
）。）。
）。