# electron

**Repository Path**: lccxxq/electron

## Basic Information

- **Project Name**: electron
- **Description**: electron + vue3  + vite + sqlite
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: sqlite
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-07-17
- **Last Updated**: 2023-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 分支介绍

```
master 开发主应用分支
sqlite 集成sqlite分支
basics 学习electron分支

```

## 初始化密码

```
用户名:admin
密码:123456
```

## app 图片

登录

![image-20221126175642596](./README.assets/image-20221126175642596.png)

网址搜藏页面

![image-20221126175919064](./README.assets/image-20221126175919064.png)

![image-20221126175953161](./README.assets/image-20221126175953161.png)

![image-20221126180011952](./README.assets/image-20221126180011952.png)

点击上面信息

![image-20221126180058721](./README.assets/image-20221126180058721.png)

右键点击收藏图片

![image-20221126180155068](./README.assets/image-20221126180155068.png)

图片收藏里面有删除 保存 点击查看

![image-20221126180336688](./README.assets/image-20221126180336688.png)

用户列表 (增删改查 重置密码等)

![image-20221126180513108](./README.assets/image-20221126180513108.png)

点击右上角头像进入个人页面

![image-20221126180729344](./README.assets/image-20221126180729344.png)

## 环境依赖

```
项目构成：electron + vue3  + vite + sqlite
```

## 下载依赖

```
npm install or yarn install
```

## 运行

```
npm run start or yarn start
```

## 打包 mac

```
npm run build:electron-mac or yarn build:electron-mac
```

## 打包 win

```
npm run build:electron-win64 or yarn build:electron-win64
```

## 打包 linux

```
npm run build:electron-linux or yarn build:electron-linux
```

# settings.json 配置

```
https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
https://github.com/OBKoro1/koro1FileHeader/wiki/%E4%BD%9B%E7%A5%96%E4%BF%9D%E4%BD%91%E6%B0%B8%E6%97%A0BUG%E3%80%81%E7%A5%9E%E5%85%BD%E6%8A%A4%E4%BD%93%E3%80%81%E6%B3%A8%E9%87%8A%E5%9B%BE%E6%A1%88
https://github.com/OBKoro1/koro1FileHeader/wiki/%E5%AE%89%E8%A3%85%E5%92%8C%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B
```

# git 提交规范

### 一、使用 commitizen

```
https://blog.csdn.net/qq_22841387/article/details/125873023
```

### 二、使用 husky 控制 git hook

```
https://blog.csdn.net/qq_22841387/article/details/125873897?spm=1001.2014.3001.5502
```

### 三、pre-commit 检测代码规范

```
https://blog.csdn.net/qq_22841387/article/details/125876697?spm=1001.2014.3001.5502
```

### 四、操作流程

```
git add .
npm run commit
git push
```

```
feat：新功能（feature）

fix：修补 bug

docs：文档（documentation）

style：格式（不影响代码运行的变动）

refactor：重构（即不是新增功能，也不是修改 bug 的代码变动）

perf：提高性能的代码更改

test：增加测试

build：影响构建系统或外部依赖项的更改(示例范围:gulp、broccoli、npm)

chore：构建过程或辅助工具的变动

revert: 恢复以前的提交(回退)
```

#### 提示

项目安装了 husky 可以在 commit 时自动 lint 格式化代码 （vue and js file）

lint 期间 报错 无法解决 可以 在 package.json 中去除下面代码

```json
 "lint-staged": {
  "*.{js,vue}": [
      // 去掉这段
 -  "vue-cli-service lint"
  ]
 }
```

### 五、操作规范

```
type: 用于说明 commit 的类型。一般有以下几种:
feat: 新增feature
fix: 修复bug
docs: 仅仅修改了文档，如readme.md
style: 仅仅是对格式进行修改，如逗号、缩进、空格等。不改变代码逻辑。
refactor: 代码重构，没有新增功能或修复bug
perf: 优化相关，如提升性能、用户体验等。
test: 测试用例，包括单元测试、集成测试。
chore: 改变构建流程、或者增加依赖库、工具等。
revert: 版本回滚
scope: 用于说明 commit 影响的范围，比如: views, component, utils, test...
subject: commit 目的的简短描述
```

# package.json scripts 理解

```
"dev": "vite --host ", //vue执行
"dev:electron": "nodemon --exec electron . --watch ./ --ext .js,.html,.css,.vue", //electron执行
"build": "vite build",//vue 打包
"build:electron-mac": "rimraf dist && rimraf app && vite build && electron-builder --mac",//打包mac app
"build:electron-win64": "rimraf dist && rimraf app && vite build && electron-builder --win --x64",//打包win app
"build:electron-linux": "rimraf dist && rimraf app && vite build && electron-builder --linux --x64",//打包linux app
"preview": "vite preview",//vue 打包后本地查看
"start": "concurrently \"yarn dev\" \"yarn dev:electron \"",//同时执行vue和electron
"commit": "git cz",//代替git commit
"prepare": "husky install", //husky校验
"typecheck": "vue-tsc --noEmit --skipLibCheck" //eslint
```