# 仿微信PC端桌面应用

**Repository Path**: wangdan22/electron-desk-app

## Basic Information

- **Project Name**: 仿微信PC端桌面应用
- **Description**: 本项目是基于 Electron+TypeScript+Vue3 构建的桌面应用程序，使用 Electron-Egg 框架作为开发脚手架。该项目结构清晰，配置完整，适合作为桌面应用开发的起点或进行二次开发。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2026-01-15
- **Last Updated**: 2026-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Electron+TypeScript+Vue3 项目说明

## 项目概述

本项目是基于 Electron+TypeScript+Vue3 构建的桌面应用程序，使用 Electron-Egg 框架作为开发脚手架。该项目结构清晰，配置完整，适合作为桌面应用开发的起点或进行二次开发。

## 技术栈说明

### 核心技术

- **Electron**: 跨平台桌面应用开发框架
- **TypeScript**: 类型安全的 JavaScript 超集
- **Vue 3**: 渐进式 JavaScript 框架
- **Electron-Egg**: 基于 Electron 的快速开发框架

## 项目结构

```
electron-egg-ts-demo/
├── build/              # 构建相关文件
│   ├── extraResources/ # 额外资源
│   ├── icons/          # 应用图标
│   └── script/         # 构建脚本
├── cmd/                # 命令行工具配置
├── electron/           # Electron 主进程代码
│   ├── config/         # 配置文件
│   ├── controller/     # 控制器
│   ├── jobs/           # 定时任务
│   ├── preload/        # 预加载脚本
│   ├── service/        # 服务层
│   └── main.ts         # 主进程入口
├── frontend/           # 前端代码 (Vue 3)
│   ├── src/            # 源代码
│   │   ├── assets/     # 静态资源
│   │   ├── components/ # 组件
│   │   ├── plugins/    # 插件
│   │   ├── router/     # 路由
│   │   ├── store/      # 状态管理
│   │   ├── types/      # TypeScript 类型定义
│   │   ├── utils/      # 工具函数
│   │   ├── views/      # 页面
│   │   ├── App.vue     # 根组件
│   │   └── main.ts     # 渲染进程入口
│   └── vite.config.ts  # Vite 配置
├── public/             # 公共资源
├── package.json        # 项目配置和依赖
└── tsconfig.json       # TypeScript 配置
```
## 项目运行与打包发布

### 运行项目
根目录下执行以下命令：
1. 安装依赖：
   ```bash
   npm install
   ```
2. 运行项目：
   ```bash
   npm run dev
   ```

### 打包项目

1. 打包前端项目：
   ```bash
   npm run build:frontend
   ```
2. 打包完成后，将前端打包后的产物dist复制到 `public/` 目录下。

3. 打包 Electron 项目：
   ```bash
   npm run build-w

## 界面预览
![预览](./public/images/example/1.png)
![预览](./public/images/example/2.png)
![预览](./public/images/example/3.png)
![预览](./public/images/example/4.png)

## 联系方式
QQ:513489325

## 参考资料

- [Electron 官方文档](https://www.electronjs.org/docs)
- [TypeScript 官方文档](https://www.typescriptlang.org/docs/)
- [Vue 3 官方文档](https://v3.vuejs.org/)
- [Electron-Egg 文档](https://www.kaka996.com/)

## 特别提醒 
下载使用源码以及打包应用后仅供学习交流，并请务必遵从相关法律法规,不可用于违反国家相关法律法规的非法商业用途,
违法违规使用本应用以及源码二次开发的，如有引起相关责任追究,本人本平台不承担任何法律责任!
如果本应用涉及到相关应用产品侵权，存在违规之处，请联系本人，及时纠正