Go to file
Lexcubia f65dd67087 feat(settings): 实现主题切换和显示模式功能
- 新增主题切换功能,支持多种主题颜色配置
- 实现显示模式切换,包括系统、深色和浅色模式
- 添加动画效果开关功能
- 优化设置面板组件,集中管理所有设置项
- 重构部分代码以支持新功能,包括 store、样式和组件
2025-04-22 16:36:54 +08:00
.vscode 初始化项目:添加基础项目结构和配置 2025-04-18 20:09:21 +08:00
dist-electron update: Integrate Electron support with new main and preload scripts, update package.json for Electron build configurations, and adjust API base URL handling in request utility for compatibility 2025-04-20 22:07:15 +08:00
electron update: Integrate Electron support with new main and preload scripts, update package.json for Electron build configurations, and adjust API base URL handling in request utility for compatibility 2025-04-20 22:07:15 +08:00
public update:替换网站图标为新设计的 logo.svg,删除旧的 vite.svg 文件,调整聊天界面样式以增强移动端适配,修改聊天模式选择器的布局和样式,优化主布局以隐藏侧边栏组件 2025-04-21 19:12:10 +08:00
src feat(settings): 实现主题切换和显示模式功能 2025-04-22 16:36:54 +08:00
.env update: Modify API base URL in .env and .env.production files for consistency across environments 2025-04-20 21:09:59 +08:00
.env.development 初始化项目:添加基础项目结构和配置 2025-04-18 20:09:21 +08:00
.env.production update: Modify API base URL in .env and .env.production files for consistency across environments 2025-04-20 21:09:59 +08:00
.gitignore update: Integrate Electron support with new main and preload scripts, update package.json for Electron build configurations, and adjust API base URL handling in request utility for compatibility 2025-04-20 22:07:15 +08:00
.npmrc update: 更新样式和主题配置,新增设置管理,优化聊天界面,支持历史会话和背景信息展示 2025-04-20 19:46:51 +08:00
README.md feat(settings): 实现主题切换和显示模式功能 2025-04-22 16:36:54 +08:00
dist.zip feat(settings): 实现主题切换和显示模式功能 2025-04-22 16:36:54 +08:00
index.html update:替换网站图标为新设计的 logo.svg,删除旧的 vite.svg 文件,调整聊天界面样式以增强移动端适配,修改聊天模式选择器的布局和样式,优化主布局以隐藏侧边栏组件 2025-04-21 19:12:10 +08:00
jsconfig.json 初始化项目:添加基础项目结构和配置 2025-04-18 20:09:21 +08:00
package.json feat(settings): 实现主题切换和显示模式功能 2025-04-22 16:36:54 +08:00
postcss.config.js feat(settings): 实现主题切换和显示模式功能 2025-04-22 16:36:54 +08:00
vite.config.js update: 在配置文件中添加服务器端口设置,更新聊天模式的客户信息背景,增强对话场景的真实感 2025-04-21 16:30:44 +08:00
yarn.lock feat(settings): 实现主题切换和显示模式功能 2025-04-22 16:36:54 +08:00

README.md

Vue 3 + Vite 微信聊天项目

这是一个基于 Vue 3 和 Vite 构建的微信风格聊天应用。

技术栈

  • Vue 3 - 渐进式 JavaScript 框架
  • TypeScript - JavaScript 的超集
  • Element Plus - 基于 Vue 3 的组件库
  • Vite - 下一代前端构建工具
  • Sass - CSS 预处理器

功能特性

  • 实时消息通信
  • 好友列表管理
  • 群聊功能
  • 消息历史记录
  • 文件传输
  • 表情包支持

开始使用

环境要求

  • Node.js 16.x 或更高版本
  • npm 7.x 或更高版本 或 yarn 1.22.x 或更高版本

安装依赖

使用 npm:

npm install

使用 yarn:

yarn install

开发环境运行

使用 npm:

npm run dev

使用 yarn:

yarn dev

生产环境构建

使用 npm:

npm run build

使用 yarn:

yarn build

代码检查

使用 npm:

npm run lint

使用 yarn:

yarn lint

项目结构

src/
├── api/           # 接口函数
├── assets/        # 静态资源
├── components/    # 公共组件
├── layoyts/       # 布局组件
├── views/         # 页面组件
├── router/        # 路由配置
├── store/         # 状态管理
├── utils/         # 工具函数
└── App.vue        # 根组件

开发指南

  1. 克隆项目到本地
  2. 安装依赖(选择 npm 或 yarn
  3. 运行开发服务器
  4. 开始开发

贡献指南

  1. Fork 本仓库
  2. 创建特性分支 (git checkout -b feature/AmazingFeature)
  3. 提交更改 (git commit -m 'Add some AmazingFeature')
  4. 推送到分支 (git push origin feature/AmazingFeature)
  5. 创建 Pull Request

许可证

MIT

联系方式

如有任何问题或建议,请通过以下方式联系我们: