todoList

这是一个基于 Vue 3 + TypeScript 开发的 Todo List 学习项目 主要功能包括：任务的增删改查、截止日期设置、拖拽排序、智能搜索、状态筛选。

技术实现：

• 基于 Vue3 组合式 API+ TypeScript 开发，采用组件化设计
• 使用 Pinia 管理状态，采用LocalStorage持久化存储
• 通过 Vue Router 实现动态路由跳转目前查看详情使用了floating-ui
• 使用媒体查询适配客户端，优化移动端布局和交互体验
• 使用 VueDraggable 实现任务列表拖拽排序

网址

https://wuyujie666.github.io/todoList/

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint