开源版「抖音」,火了!

来源丨网络

大家好

今天给大家介绍一个 douyin 开源项目。

douyin 是一个模仿抖音的移动端短视频开源项目,它基于 Vue、Vite实现。使用了最新的 Vue 全家桶技术栈,接口数据通过 axios-mock-adapter模拟。

f45e62e6b3443b850341dd44d8b7ff06.jpeg

项目地址:

https://github.com/zyronon/douyin

效果截图

c9cabedc568914a229a667aba2ba4bc8.png

c8f0947b90954f6b8a88e3a8767d4021.gif

25b0a1844eec7d5b88f44072326560b8.gif

52ee72b69e4dff2323534019057ceab5.jpeg

运行项目

本项目是基于 Vue 开发的,需要 node 环境来运行。

1、安装 NodeJS,参考官方文档

2、安装 pnpm 包管理工具,运行 npm install -g pnpm 来安装

3、使用 git clone https://github.com/zyronon/douyin.git 下载项目到本地

4、进入项目目录 cd douyin,在项目根目录下,运行 pnpm install 来下载依赖。

5、执行 pnpm dev 来启动项目,项目默认地址为 http://localhost:3000

6、在浏览器中打开 http://localhost:3000来访问项目。Chrome 切换成手机模式快捷键,先按 F12 调出控制台,再按 Ctrl+Shift+M(设备仿真模拟)

在线访问

Vercel(国内推荐访问这个):

http://dy.ttentau.top

注意:PC 浏览器请用手机模式访问。先按 F12 调出控制台,再按 Ctrl+Shift+M 切换到手机模式

注意:手机请用 Via 浏览器或者 Chrome 浏览器预览。其它浏览器会强制将视频全屏,导致样式失效


根据仓库的 commit 记录,作者早在 6 年前就已经启动了这个项目,坚持到现在仍未放弃,并且无私地开源了出来。真乃我辈楷模!

ec0d34cb74559a0499b9092198da10dd.png

万水千山总是情,点个 👍 行不行

···  END  ···

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值