* 戳上方蓝字「 开源先锋 」关注我
推荐阅读：
大家好，我是开源君！
抖音，想必大家都不陌生吧？作为一款风靡全球的短视频平台，它以其海量的优质内容和便捷的操作方式，俘获了无数用户的芳心。然而，你知道吗？你也可以拥有自己的抖音！
今天和大家分享一款非常有趣的开源项目 -
douyin-vue
，让大家能够在实际开发过程中体验 Vue 在移动端的各种最佳实践。
项目简介
douyin-vue
是一个基于 Vue3、Pinia 等最新技术栈构建模仿抖音的移动端短视频项目，实现了抖音的核心功能，包括：
刷视频
点赞、评论、分享
关注/取消关注
搜索
个人中心
项目代码简洁易懂，注释详细，非常适合初学者学习 Vue 在移动端的开发。
短短一个多月的时间，
douyin-vue
关注度直线上升，目前在Github上面收获了7.6K star。
性能特色
douyin-vue 项目具有以下性能特色：
流畅丝滑的使用体验，媲美原生 App
基于 Vue3 的响应式数据管理，实现高效的数据更新
使用 Pinia 进行状态管理，代码更加清晰易维护
使用 axios-mock-adapter 模拟后端请求，方便本地开发和测试
安装部署
项目基于 Vue 开发的，本地开发需要先配置好 node 环境，然后执行以下步骤：
git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin
npm install
npm run dev
然后浏览器打开
http://127.0.0.1:3000
即可访问使用。
也可以通过 docker 或 vercel进行一键部署。
# pull Docker image
docker pull ghcr.io/zyronon/douyin-vue:latest
# start container, nginx reverse proxy custom port, for example: docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
项目体验展示
为了方便体验使用，项目作者提供了一个在线体验的地址：
https://dy.ttentau.top/
项目首页
评论
消息
发视频作品
我的
搜索
douyin-vue 项目是一个非常优秀的 Vue 移动端开发学习项目，项目代码简洁易懂，功能丰富实用，并且提供了详细的使用文档，可以帮助开发者快速上手。
更多细节功能，感兴趣的可以到项目地址查看：
项目地址：
https://github.com/zyronon/douyin
