不写后端，三步跑起一个类抖音短视频应用
【免费下载链接】douyinVue3 + Pinia 仿抖音，Vue 在移动端的最佳实践 . Imitate TikTok ，Vue Best practices on Mobile项目地址: https://gitcode.com/GitHub_Trending/do/douyin
Douyin-Vue 是一个用 Vue3 仿抖音的移动端短视频 Demo：无限下滑刷视频、点赞收藏、看主页和商城，全部用前端跑通。适合想练手移动端交互、又懒得搭后端的你。
想刷短视频 Demo，却要先把后端搭起来？
正常流程是这样的：先起一个 Node 服务，再建数据库存用户和视频，接着写接口、配鉴权、处理鉴权失败……一套下来，你写的"短视频应用"里九成代码都在伺候后端。Douyin-Vue 的思路是把这一层整个跳过：视频、用户、评论数据全部打包在仓库里，前端发请求时在本地就返回结果。你的注意力可以全放在"滑动的视频流"这件真正有趣的事上。
类抖音项目怎么快速启动
三条命令，全程不碰配置：
git clone https://gitcode.com/GitHub_Trending/do/douyinnpm installnpm run dev，然后浏览器访问 127.0.0.1:3000
唯一要记住的坑：这是移动端界面，电脑上预览时先按F12，再按Ctrl+Shift+M切到手机模式，否则布局会散掉。项目只用于学习研究，别拿去商用。
四个技术点，各解决一个实际问题
- 用 axios-mock-adapter 拦截请求：相当于给 axios 装了个"假后台"。代码里的请求写法跟接真接口一模一样，以后想换成真实后端，只改拦截层，页面代码一行不动。
- Pinia 管状态：点赞数、收藏、用户信息这些全局数据放在 Pinia 里，各页面直接读写，省掉了"数据靠层层传参"的麻烦。
- Vite5 做构建：启动快、热更新快，改完代码浏览器马上变，迭代手感跟写玩具项目一样轻。
- 无限下滑视频流：核心交互是自研的滑动组件，不是套现成轮播库，这也是这个项目最值得读的部分，docs/NOTE.md 里列了作者准备拆解的技术点清单，可以参考着读源码。
你能从里面拿走什么
- 学习型读者：第一次完整看到"移动端短视频 App 长什么样"的前端实现，滑动、路由缓存、自适应布局全都有据可查。
- 进阶开发者：mock 拦截层的写法可以直接搬进自己的项目，前端先行、后端后补的开发模式很实用。
- 团队：仓库带 Dockerfile 和 多语言文档，拉起来就能做演示环境或教学案例。
一个用 Vue3 把抖音前端"翻"出来的完整 Demo，代码、数据、部署方式都齐了，去仓库里跑一遍比看十篇文章都直观。
【免费下载链接】douyinVue3 + Pinia 仿抖音，Vue 在移动端的最佳实践 . Imitate TikTok ，Vue Best practices on Mobile项目地址: https://gitcode.com/GitHub_Trending/do/douyin
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
