Skip to content

使用 Vue 开发的一款 TODO 应用,包含登录、待办、日程、历史事项、回收站。项目较为小型,适合进阶学习使用(💡请注意,项目大量使用 jsx 进行开发)。

License

Notifications You must be signed in to change notification settings

luchx/ECHI_VUE_TODO

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue-todo 应用

使用 Vue 开发的一款 TODO 应用,包含登录、待办、日程、历史事项、回收站。项目较为小型,适合进阶学习使用(💡请注意,项目大量使用 jsx 进行开发)。

  1. 👍 用于学习 jsx 使用
  2. 👍 学习 vue3 语法的最佳实践
  3. 👍 一个小型而又不失精华的项目
  4. 👍 提供模板,可以用于扩展你的其他技术实践

项目文件说明

目前项目 vue2 版的前后端部分已完善。 Vue3 版的也调整完毕,感兴趣的可以运行 vue3-tsx 查看😍。

🍂 vue2-example 文件下是使用 vue-cli 创建,搭配技术栈为 vue2.6 + jsx、ts、less、vant-ui

🚀 vue3-tsx 文件下是使用 vite 创建,搭配技术栈为 vue3 + jsx、ts、less、vant-ui

🚀 node-koa2 文件下是使用 koa2 + mysql + sequelize + koa-router 搭建的后端应用,提供接口使用。

开发使用

  git clone git@github.com:luchx/ECHI_VUE_TODO.git
  cd ECHI_VUE_TODO
  npm install
  npm run serve:mock         # 访问 http://localhost:9000

项目中使用自适应方案

See Configuration Reference.

移动端兼容方案采用 lib-flexible + px2rem, 按照设计稿 750 标准开发, 详细说明:amfe/article#17

  • 直接写 px,编译后会直接转化成 rem —- 除开下面两种情况,其他长度用这个
  • 在 px 后面添加/no/,不会转化 px,会原样输出,一般 border 需用这个
  • 在 px 后面添加/px/,会根据 dpr 的不同,生成三套代码,一般字体需用这个

About

使用 Vue 开发的一款 TODO 应用,包含登录、待办、日程、历史事项、回收站。项目较为小型,适合进阶学习使用(💡请注意,项目大量使用 jsx 进行开发)。

Topics

Resources

License

Security policy

Stars

Watchers

Forks