# electron-vue3-inote

**Repository Path**: noobyang/electron-vue3-inote

## Basic Information

- **Project Name**: electron-vue3-inote
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-13
- **Last Updated**: 2025-04-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

<div align="center">
<img src="https://img.shields.io/badge/vue-3.2.6-green"/>
<img src="https://img.shields.io/badge/electron-%5E11.5.0-brightgreen"/>
<img src="https://img.shields.io/badge/typescript-~4.4.4-yellowgreen"/>
<img src="https://img.shields.io/badge/sqlite3-%5E5.0.2-orange"/>
<img src="https://img.shields.io/badge/vditor-%5E3.8.10-blue"/>
</div>

![image](https://user-images.githubusercontent.com/33891067/211135039-eb778337-2249-4442-b050-32cc6ee77814.png)

### Windows
<img width="50%" src="https://user-images.githubusercontent.com/33891067/126118222-c8c39a33-d5a7-4b72-9f4c-b633a1eb2201.png" />

### Mac
<img width="50%" src="https://user-images.githubusercontent.com/33891067/128463221-9d0ebff0-f706-44e2-8007-964e63d43424.png" />

## 启动
```
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](https://user-images.githubusercontent.com/33891067/126119851-b59a0acb-07b4-4126-9698-961ee0f706a7.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
```