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


相关文章
|
4天前
|
前端开发 JavaScript
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能,并展示了点击按钮收起或展开侧边栏的效果,提供了完整的实现代码和操作演示。
36 0
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
|
4天前
|
JavaScript
Vue中组件化编码 完成任务的添加、删除、统计、勾选需求(实战练习三完结)
这篇文章展示了如何在Vue中实现任务添加、删除、勾选和统计功能,通过组件间参数传递和方法实现,提供了App.vue、TheList.vue、TheItem.vue、TheHeader.vue和TheFooter.vue组件的主要代码示例。
Vue中组件化编码 完成任务的添加、删除、统计、勾选需求(实战练习三完结)
|
4天前
|
JavaScript
Vue中组件化编码使用(实战练习一)
这篇文章是关于Vue中组件化编码的实战练习,介绍了组件化编码的流程、组件间参数传递的方法以及如何通过组件配合完成一个需求。内容包括了组件拆分、动态组件实现、交互绑定事件的步骤,以及使用props进行父子组件通信的注意事项。文章还提供了一个待办事项列表的静态页面效果和相关代码示例,包括TheFooter.vue、TheHeader.vue、TheItem.vue、TheList.vue和App.vue等组件的代码。
Vue中组件化编码使用(实战练习一)
|
4天前
|
JavaScript
基于Vue3+TS简单设计一个查看文章时点击展开和点击收起的小功能
该文章展示了如何使用Vue 3和TypeScript创建一个简单的展开和收起功能,用于文章查看时的交互体验。
11 0
基于Vue3+TS简单设计一个查看文章时点击展开和点击收起的小功能
|
9天前
|
Web App开发 JavaScript 前端开发
不光好上手,功能还特强的 Vue 3组件!且开源免费!
不光好上手,功能还特强的 Vue 3组件!且开源免费!
|
9天前
|
JavaScript 前端开发
【Vue 3】如何实现动态表单生成器的拖拽功能?
【Vue 3】如何实现动态表单生成器的拖拽功能?
|
10天前
|
JavaScript
哇哦~ 老板让我用 vue3 setup 实现动态表单的功能?这有什么难度吗?立马安排!
哇哦~ 老板让我用 vue3 setup 实现动态表单的功能?这有什么难度吗?立马安排!
|
10天前
|
JavaScript 索引
炸裂!Vue3 中使用 Hook 实现按住 Shift 快速勾选el-table 功能,太丝滑了!
炸裂!Vue3 中使用 Hook 实现按住 Shift 快速勾选el-table 功能,太丝滑了!
炸裂!Vue3 中使用 Hook 实现按住 Shift 快速勾选el-table 功能,太丝滑了!
|
4天前
|
数据采集 JavaScript
Vue中组件化编码使用、实现组件之间的参数传递(实战练习二)
这篇文章介绍了Vue中组件化编码的实现和组件间参数传递的方法,通过实战练习展示了从App.vue向TheList.vue和TheItem.vue传递数据的流程和代码示例。
|
30天前
|
存储 JavaScript API
Vue 全局状态管理新宠:Pinia实战指南
 随着Vue.js项目的日益复杂,高效的状态管理变得至关重要。Pinia作为Vue.js官方推荐的新一代状态管理库,以其简洁的API和强大的功能脱颖而出。本文将带您快速上手Pinia,从安装到应用,轻松实现Vue.js项目的全局状态管理,提升开发效率和项目可维护性。