彻底爆了，一款高仿“抖音”的开源项目

大家好，我是锋哥， 今天分享一个模仿 抖音|TikTok 的移动端短视频项目。Vue 在移动端的"最佳实践"，媲美原生 App 丝滑流畅的使用体验。使用了最新的 Vue 技术栈，基于 Vue3、Vite5 、Pinia实现。数据保存在项目本地，通过 axios-mock-adapter 库拦截Api 并返回本地json数据，模拟真实后端请求。

源码获取方式

   

    
   
    

     点击下方公众号【VipSkill游戏开发圈】小卡片，回复：8877，
    
    

     👇👇👇 即可获取源码 👇👇👇
    
   

    
   

   

    👆👆👆点击上方小卡片
   
   

    回复「8877」即可
   

运行演示

（视频来源于抖音网红 以下内容均是互联网公开信息）

在线访问

Github Pages: https://dy.ttentau.top/

运行

注意：本项目仅适用于学习和研究，不得用于商业使用

快速部署至 Vercel

部署到 Docker

# 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

本地开发

注意：必须 git 命令 clone 下来才能运行，下载 zip 包是无法运行的。如果 clone 速度太慢，推荐使用 gitee 地址

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

注意：需要将浏览器切至手机模式，先按 F12 调出控制台，再按 Ctrl+Shift+M 才能正常预览

源码获取方式

   

    
   
    

     点击下方公众号【VipSkill游戏开发圈】小卡片，回复：8877，
    
    

     👇👇👇 即可获取源码 👇👇👇
    
   

    
   

   

    👆👆👆点击上方小卡片
   
   

    回复「8877」即可