Electron-vue实战-每日清单---03功能介绍与环境搭建

简介: Electron-vue实战-每日清单---03功能介绍与环境搭建


项目地址,欢迎批评指正,随手Star哟
  1. Electron-vue实战-每日清单—01Electron-vue的使用
  2. Electron-vue实战-每日清单—02Electron-vue的目录详解
  3. Electron-vue实战-每日清单—03功能介绍与环境搭建

是什么

每日清单其实就是一个to-do-list

功能(包括已完成)

  • 登录
  • 我的清单
  • 添加待作
  • 删除待作
  • 修改待作
  • 已完成
  • 垃圾箱
  • 数据统计
  • 系统设置
  • 开机自启动
  • 系统通知
  • 修改用户名密码

技术支持

  • 前端

element-ui

  • 本地数据持久化存储

lowdb 数据库

node 数据读写

环境搭建

  1. Electron-vue安装使用
  2. Element-ui 详见官方网站
  3. lowdb

npm install lowdb

  1. 官方文档中推荐 lodash-id ,这个东西其实就是为每一个新增 的数 据自动加上一个唯一表示的id字段,和mysql等数据库的自增主键类似。

npm install lodash-id

  1. fs-extra
    lowdb本质上就是通过fs来读写JSON文件实现的,node也内置了fs模块进行文件读写,但是为了读写更方便,使用fs-extra

npm install fs-extra


相关文章
|
16天前
|
存储 搜索推荐 API
Electron-store本地存储功能
【10月更文挑战第18天】Electron-store 无疑为我们的 Electron 应用开发提供了强大的支持。它的本地存储功能不仅方便实用,而且性能优异,为我们打造高质量的应用提供了坚实的基础。
|
26天前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
27天前
|
JavaScript 前端开发
Vue开发必备:$nextTick方法的理解与实战场景
Vue开发必备:$nextTick方法的理解与实战场景
104 1
|
28天前
|
JavaScript 前端开发 API
|
28天前
|
JavaScript API UED
vue.js怎么实现全屏显示功能
【10月更文挑战第7天】
15 1
|
1月前
|
资源调度 JavaScript UED
如何使用Vue.js实现单页应用的路由功能
【10月更文挑战第1天】如何使用Vue.js实现单页应用的路由功能
|
12天前
|
JavaScript UED
"Vue实战技巧大揭秘:一招解决路由跳转页面不回顶部难题,让你的单页面应用用户体验飙升!"
【10月更文挑战第23天】在Vue单页面应用中,点击路由跳转时,默认情况下页面不会自动滚动到顶部,这可能影响用户体验。本文通过一个新闻网站的案例,介绍了如何使用Vue-router的全局前置守卫和`scrollBehavior`方法,实现路由跳转时页面自动滚动到顶部的功能,提升用户浏览体验。
49 0
|
3月前
|
存储 JavaScript
任务清单小功能的实现(任务的增、删、改、查、存储)使用Vue实现
这篇文章介绍了使用Vue实现的任务清单小功能,包括任务的增加、删除、修改、查看以及数据存储。文章通过视频演示展示了实现效果,重点讲解了编辑功能的实现,并通过代码实例展示了编辑功能的核心代码,同时提供了完整的代码下载链接以及以往练习的概览。
任务清单小功能的实现(任务的增、删、改、查、存储)使用Vue实现
|
2月前
|
JavaScript 前端开发 UED
组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
该文章详细介绍了如何使用Vue3结合TypeScript来开发全局Header组件和列表数据渲染组件ColumnList,并提供了从设计到实现的完整步骤指导。
|
3月前
|
JavaScript
Vue学习之--------消息订阅和发布、基础知识和实战应用(2022/8/24)
这篇文章介绍了Vue中消息订阅和发布的机制,作为组件间通信的一种方式,特别适用于任意组件间的通信。文章通过基础知识讲解和具体的代码实例,展示了如何使用`pubsub-js`库来安装、订阅、发布消息,并在组件销毁前取消订阅以避免内存泄漏。
Vue学习之--------消息订阅和发布、基础知识和实战应用(2022/8/24)
下一篇
无影云桌面