Token Official Website

---

🚀 基于 Vue 3 + TypeScript + Vite 构建的现代化网站 | 为 Token 团队打造的展示平台

English · 简体中文 · 在线预览 · 报告问题

📸 项目预览

✨ 特性

🎨 现代化 UI	📱 响应式设计	🌍 国际化支持	🔧 TypeScript
📦 组件化开发	🎉 动画效果	💬 即时通讯	📄 SVG 图标
🗃️ Pinia 状态管理	🌐 Vue Router	🎯 性能优化	📚 完整文档

🛠️ 技术栈

Vue 3

TypeScript

Vite

Yarn

🚀 快速开始

📋 环境要求

⚡️ 开发环境

# 克隆项目
git clone https://github.com/851543/Token-Official-Web.git

# 进入项目目录
cd Token-official-web

# 安装依赖
yarn install

# 启动服务
yarn dev

📦 构建部署

# 构建生产环境
yarn build

# 预览构建结果
yarn preview

📖 项目结构

Token-official-web/
├── 📂 public/          # 静态资源
├── 📂 src/
│   ├── 🎨 assets/     # 项目资源
│   ├── 🧩 components/ # 通用组件
│   ├── 📱 views/      # 页面组件
│   │   ├── 🏠 Home/   # 首页
│   │   ├── 👥 Team/   # 团队展示
│   │   ├── 📝 Blogs/  # 博客系统
│   │   ├── 💬 Message/# 消息系统
│   │   ├── 📞 Contact/# 联系我们
│   │   └── 🔗 Link/   # 友情链接
│   ├── 🌍 locales/    # 国际化配置
│   ├── 🛣️ router/     # 路由配置
│   ├── 📦 stores/     # 状态管理
│   ├── 🛠️ utils/      # 工具函数
│   └── 🎨 styles/     # 样式文件
└── 📄 package.json    # 项目配置

🎯 核心功能

🏠 首页展示 团队介绍与愿景 项目作品集展示 Live2D 互动模型 响应式布局设计	💬 消息系统 实时消息通知 在线状态显示 消息历史记录 多媒体消息支持
👥 团队展示 成员个人简介 技能专长展示 项目经历分享 团队文化展现	📝 博客系统 技术文章发布 多语言内容支持 评论互动系统 文章搜索功能

🤝 参与贡献

1. 🍴 Fork 本仓库
2. 🔄 同步上游仓库
3. 👨‍💻 创建特性分支
4. 📝 提交代码
5. 🔍 代码审查
6. 🎉 合并代码

📄 开源协议

本项目采用 MIT 开源协议 - 点击了解更多

📮 联系我们

🌟 鸣谢

感谢所有为这个项目做出贡献的团队成员！

---

Copyright © 2024 Token Team. All rights reserved.