GitHub上开源版「抖音」,火了!

您所在的位置:网站首页 github上不了手机 GitHub上开源版「抖音」,火了!

GitHub上开源版「抖音」,火了!

2024-07-17 21:26| 来源: 网络整理| 查看: 265

转自:OSC开源社区

今天就不聊太多了,简单介绍一个 douyin 开源项目。

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

7ff3b1a1632d1aff8021fdd05b333c35.jpeg

项目地址:

https://github.com/zyronon/douyin

效果截图 8091eef81a8601405fbec8976175fa9d.png

f8f8324592d8a6f10bf7a2679f24047e.gif

ffd5af8328357a50a911f8911ab44161.gif

07cd3e5daa69a4fefde9815c64d1f923.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 年前就已经启动了这个项目,坚持到现在仍未放弃,并且无私地开源了出来。真乃我辈楷模!

404b1714a5d0d7629799fddcb83a2253.png

d57cbd56a4580014b9f7e9de883ddd09.jpeg



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3