xiaolecoder / 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.)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.4.0

image

Windows10

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

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

About

使用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.)

License:MIT License


Languages

Language:Vue 40.8%Language:HTML 23.4%Language:TypeScript 17.6%Language:CSS 14.5%Language:JavaScript 2.9%Language:Less 0.7%