# xpDesktop

**Repository Path**: zhong_wei_peng/xp-desktop

## Basic Information

- **Project Name**: xpDesktop
- **Description**: 小鹏桌面，一个极简风格的浏览器主页
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 2
- **Created**: 2022-12-01
- **Last Updated**: 2024-08-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, 浏览器主页, 极简, element-plus

## README

# 小鹏桌面 - 浏览器主页桌面

作者：b站[爪蛙君](https://space.bilibili.com/363937544)

![预览](./screenshot/preview.png)


## 技术栈 

### 前端

主要技术

- Vue 3
- Vite 2
- ElementPlus 组件库
- Pinia 状态管理
- TypeScript 类型控制
- Eslint 代码规范控制

依赖库

- axios 网络请求
- getopts 命令参数解析
- amap/amap-jsapi-loader 高德地图库


### 后端

主要技术

- Nodejs
- Mongodb
- Express


## 项目启动

### 前端

依次输入以下命令

```
npm install
npm run dev
```

### 后端

依次输入以下命令

```
npm install
npm run serve-d
```

## 目录结构

### 前端

- packages 自定义包
- public 公共静态资源
- src
  - assets 静态资源
  - components 组件
    - dialog 弹窗
    - drawer 抽屉弹窗
    - island 灵动岛组件
      - components 灵动小组件
    - toolPanel 桌面小组件
    - window 窗口组件
      - slot 窗口插槽组件
  - config 配置
  - directive 自定义指令
  - hooks 公共函数
  - http 请求接口
  - plugins 自定义插件
  - router 路由
  - store 状态管理仓库
  - style 公共样式
  - utils 工具
  - views 视图
  - App.vue 主页面
  - env.d.ts 环境定义
  - main.ts Vue 主文件
- .eslintrc.js 代码规范
- index.html 静态主页
- package.json 项目管理
- tsconfig.json TS 配置
- vite.config.ts 打包工具配置

### 后端

- config 配置
- controller 控制器
- log 日志
- middleware 中间件
- model 数据库模型
- router 接口路由
- upload 资源
- utils 工具
- validator 请求校验


## 开发心得

从想法到落地前后花了大概一周的时间，算是在学习道路上的一个积累，本来想继续不断完善下去，但迫于这段时间工作压力大，可能暂时不会继续维护下去，很多代码也可能存在不完善的地方，bug可能也会有一些，所以现在将项目开源出来，也可以让大家可以参考参考，当然大家也可以贡献自己的想法，去将它继续完善！