* 戳上方蓝字“开源先锋”关注我
推荐阅读：
《29.3K star!一款快速构建机器学习 Web 应用的开源项目，无需前端技能！》
大家好，我是开源君！
抖音，想必大家都不陌生吧？作为一款风靡全球的短视频平台，它以其海量的优质内容和便捷的操作方式，俘获了无数用户的芳心。然而，你知道吗？你也可以拥有自己的抖音！
今天和大家分享一款非常有趣的开源项目 – 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
原文始发于微信公众号（开源先锋）：7.6K star！开源版「抖音/TikTok」，超火！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/289933.html
