# electron-weixin

**Repository Path**: geeksss/electron-weixin

## Basic Information

- **Project Name**: electron-weixin
- **Description**: Electron，仿微信布局。
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 3
- **Created**: 2023-07-13
- **Last Updated**: 2025-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Electron

## README

# electron-weixin

### 1. 仓库介绍
Electron，仿微信布局。

### 2. 相关说明
1. Electron 项目
2. 集成 Vue 2 + Element UI + Tailwind CSS + Vue Router
3. 仿微信布局
4. vue 三级路由导航跳转
5. 等等。。
> 注：具体步骤及说明参见 doc。

### 3. 如何启动：
1. 参考 doc 目录中的环境要求；
2. 安装依赖：`yarn install`
3. 启动：`yarn electron:serve`
4. 打包：`yarn electron:build`

#### 4. 项目截图
![登录表单](doc/img/04-login-form.png)

![登录询问弹框](doc/img/05-login-form-confirm.png)

![聊天会话列表](doc/img/06-home-chat-list.png)

![聊天会话信息](doc/img/07-home-chat-info.png)

![全局关闭窗口](doc/img/08-window-close-confirm.png)

![好友列表布局](doc/img/09-home-contact-list.png)

![安装界面-1](doc/img/10-install.png)

![安装界面-2](doc/img/11-install-2.png)

![安装界面-3](doc/img/12-install-3.png)

![安装界面-4](doc/img/13-install-4.png)

![卸载界面](doc/img/14-uninstall.png)