在如今的短视频潮流中，我们常常会遇到这样的问题：想收藏的短视频可能随时会下架，或者整理主题视频时缺少合适的工具。如果能拥有一个完全私人的短视频库，收藏、整理自己感兴趣的视频资源，那将是多么便利！

今天就为大家介绍一款基于 Vue 的开源项目 Douyin-Vue，帮助你轻松搭建自己的短视频平台。

项目概览

Douyin-Vue 是一个高仿抖音的开源短视频平台，使用 Vue3、Vite5、Pinia 等技术栈打造，为用户提供完整的短视频播放体验。项目的主要功能包括：

• 流畅的视频滑动：带来媲美原生应用的观看体验
• 完整的播放控制：支持暂停、快进等操作
• 视频互动：实现点赞、评论、分享功能，提供个人主页、商城和直播模块
• 响应式设计：适配多种移动设备，确保在不同屏幕下的完美呈现
• 开源定制：可根据需要对代码进行深度定制
• 多种部署方式：支持本地存储、Docker 和 Vercel 等多种部署方案

无论是用于个人收藏、兴趣资源整理，还是用作技术学习案例，Douyin-Vue 都是一个非常不错的开源项目。

快速搭建 Douyin-Vue

1. 一键部署至 Vercel（推荐）

在 GitHub 项目页面点击“Deploy with Vercel”按钮，按照引导完成简单设置后，Vercel 会自动为你创建并分配专属域名，几分钟内即可上线。

2. Docker 部署

使用 Docker 部署更加稳定，也非常适合自建项目的用户：

docker pull ghcr.io/zyronon/douyin-vue:latest
docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest

3. 本地开发运行

如果你想深入了解项目源码并定制功能，可以直接将代码克隆到本地进行开发：

git clone https://gitee.com/zyronon/douyin.git
cd douyin
npm install
npm run dev

启动后，打开浏览器访问 http://127.0.0.1:3000 进行预览，建议使用浏览器的手机模式进行体验。

提醒：项目仅用于学习和研究，不得用于商业用途。

项目演示

为方便大家体验，提供了一个已经部署好的线上示例网站：在线体验 Douyin-Vue

• 首页：流畅的短视频滑动和播放体验

  

• 评论列表：支持实时互动的评论功能

  

• 直播间：实时直播功能，模拟真实场景

  

• 个人主页：展示个人信息和发布的视频

  

• 商城：搭建简单商城功能，支持商品浏览

  

总结

借助 Douyin-Vue，我们可以在不依赖其他平台的情况下，轻松搭建一个短视频收藏和整理工具。不仅能满足视频内容的存储、整理需求，还可以作为前端工程师深入学习 Vue 的绝佳项目。

如果你对短视频项目开发有兴趣，或者希望创建属于自己的个性化视频库，不妨体验并探索这个开源项目！

GitHub 项目地址：https://github.com/zyronon/douyin