当前位置: 首页 > 科技观察

基于Vite构建工具,使用Strve.js开发精简版TodoList(真香!)

时间:2023-03-15 16:15:03 科技观察

发布Strve已经三个月了,今天给大家做一个小项目。让我们看看这个小框架是否运作良好。今天我们来做一个简化版的TodoList。工程虽小,五脏俱全。包含对文字的增删改查,值得入手。在开发项目之前,需要先打开官方文档,看看Strve项目构建工具CreateStrveApp是如何使用的。经过一些操作(具体操作可以参考文档),我们会看到如下内容。是不是觉得文件目录特别清爽,而且是基于Vite搭建的,所以开发体验也不错。Strve底层全面拥抱EsModules,使用Vite构建项目是最佳选择。接下来,我们将实现TodoList应用程序的简化版本。它是一个单页面应用,所以我们只需要在一个JS文件中开发,HTML和JS可以一起写,这从另一个角度类似于JSX的思想。逻辑代码如下图所示。你可以参考一下。另外,我在项目中使用了CSSModules。虽然,现在只有一页。我们会看到逻辑区和显示区一目了然,我们只关心数据,操作数据。相比JQ的命令式API,使用DOM来做,这种声明式的API非常优雅高效。我们的下一步是发布和部署。以下是打包后的文件目录。然后,我们发布到云端,进行测试运行。没想到我能跑到99分,其实我有信心能跑到100分()。这篇文章很短,大致介绍了Strve开发一个小项目的过程。