开源版「抖音」vue-douyin，一个高仿抖音的开源短视频项目

在短视频平台日益流行的今天，抖音以其独特的算法和用户体验获得了巨大的成功。但你有没有想过，如果自己动手做一个类似的应用会是怎样的体验呢？

今天就给大家带来一个基于Vue3 + Pinia + Vite5实现的仿抖音项目，它不仅在功能上做到了高度模仿，而且在代码结构和项目组织上也值得学习。

项目简介

该项目是一个开源的仿抖音应用，使用Vue3作为前端框架，Vite5作为构建工具，Pinia作为状态管理库。它提供了一个接近真实的抖音使用体验，适合前端开发者学习和参考。

GitHub: https://github.com/zyronon/douyin

介绍：Vue3 + Pinia + Vite5 仿抖音，Vue 在移动端的最佳实践 .模仿 TikTok 、Vue 移动端最佳实践

星标数：3.7k

预览：https://dy.ttentau.top/

项目亮点

1. 高仿抖音界面和用户体验

2. 使用Vue3、Vite5和Pinia等前端前沿技术栈

3. 本地数据保存，通过模拟请求展示数据

4. 支持多语言的README文档，方便不同语言用户阅读

功能特性

• 完整的短视频播放和浏览体验

• 模拟后端API的数据请求和响应

• 本地化的数据存储和管理

• 代码结构清晰，便于学习和维护

• 支持多种浏览器和设备

项目故事

这个项目由开发者zyronon发起，他通过这个项目展示了自己对前端技术的理解，同时也为社区提供了一个学习和交流的平台。项目受到了社区的广泛欢迎，star数量达到了3.1k，许多开发者通过这个项目获得了宝贵的经验。

项目热度

使用指南

克隆项目到本地：git clone https://github.com/zyronon/douyin.git

安装依赖：npm install

启动开发服务器：npm run dev

在浏览器中访问：http://127.0.0.1:3000

演示

项目提供了多个在线预览链接，包括Gitee pages、Github pages、Vercel和Netlify，用户可以根据自己的地区选择访问速度最快的链接进行体验。

全貌：

长视频：

经验：

我的

Vue3 + Pinia + Vite5 仿抖音项目是一个功能完整、代码结构清晰的开源项目，它不仅能够让你体验到仿抖音的应用，同时也是学习前端技术的优秀资源。

项目地址：

https://github.com/zyronon/douyin