产品简介
douyin 这是一个为前端开发者提供的移动端短视频开发参考项目，它使用Vue3、Vite、Pinia等现代技术栈，实现了媲美原生App的丝滑交互体验。数据通过Mock实现，非常适合用于学习如何构建高流畅度的移动端Web应用。
核心功能
- 基于Vue3、Vite5、Pinia构建，技术栈新颖
- 实现了仿抖音上下滑动浏览短视频的效果
- 数据本地化存储，通过axios-mock-adapter模拟后端请求
- 提供在线预览和Docker快速部署方案
- 项目包含详细的系列开发教程文章
- 支持多语言README
快速开始
- 使用git clone命令克隆仓库到本地（推荐使用gitee地址）
- 进入项目目录，运行npm install安装依赖
- 运行npm run dev启动本地开发服务器
- 在浏览器中打开，并切换至手机模式（F12+Ctrl+Shift+M）进行预览
界面预览
与其他方案对比
| 对比项 | douyin | 同类方案 |
|---|---|---|
| 技术学习价值 | 完全开源，代码清晰，配套系列教程，是学习Vue移动端开发的优秀范例 | 商业应用或闭源项目，内部实现细节不透明，学习门槛高 |
| 体验流畅度 | 通过精心优化，实现了接近原生App的滑动浏览体验 | 许多普通Web应用在移动端交互上存在卡顿或生硬感 |
| 部署方式 | 提供在线预览、本地开发、Docker部署等多种方式，灵活性高 | 通常需要复杂的本地环境配置 |
适合谁用
- 前端开发者，学习Vue3移动端项目架构与实践
- Vue.js技术栈学习者，寻求高质量实战项目参考
- 对短视频App前端实现感兴趣的产品或技术人员
下载与版本
当前最新版本为 v1.1，发布于 2024-04-01。支持 Android。点击页面「下载软件」按钮即可下载打包好的版本，根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/zyronon/douyin