electron vue3 inote

使用electron11+vue3.x+ts的桌面端便笺项目，拥有漂亮的过渡动画效果，以富文本形式储存在本地，可多开输入窗口。(The desktop note project using electron11+vue3.x+ts has beautiful transition animation effects, stored locally in the form of rich text, and can open more input windows.)

heiyehk
128
44
Vue

electron+vue3+ts

在Windows环境下，删除node_modules重新安装依赖的情况下，会导致build报错，需要使用npm i进行安装依赖。
In the Windows environment, deleting node_modules and reinstalling dependencies will cause build errors, and you need to use npm i to install dependencies.

0.5.1 (2023-01-07)

Features

  • 对编辑器的优化，增加右键功能以及本地图片的缓存，修复了部分bug (c1c0c0f)
    image

Windows

Mac

启动

yarn serve

打包

yarn build

教程

【electron+vue3+ts实战便笺exe】一、搭建框架配置
https://juejin.cn/post/6909723449246089224

【electron+vue3+ts实战便笺exe】二、electron+vue3开发内容
https://juejin.cn/post/6909725365107687431

【electron+vue3+ts实战便笺exe】终章：markdown编辑器以及右键功能实现
https://juejin.cn/post/7187704994731130938

gif

electron-vue3-inote
├── babel.config.js
├── package.json
├── public
│   ├── css
│   ├── favicon.ico
│   ├── font
│   └── index.html
├── script # 打包删除脚本
│   └── deleteBuild.js
├── src
│   ├── App.vue
│   ├── assets
│   ├── background.ts
│   ├── components
│   ├── config # electron和软件的一些配置项
│   ├── less
│   ├── main.ts
│   ├── router # 路由
│   ├── service # 存放sqlite3 db服务
│   ├── shims-vue.d.ts
│   ├── store
│   ├── types
│   ├── utils
│   └── views
├── tsconfig.json
└── vue.config.js