大家好,我是团长。今天介绍一个火爆了的github开源项目——douyin。先来看看这个项目的star数量增长曲线,短短一个月内关注度直线上升,已经达到7k啦。

b86928065c06b93259a872f521527e3d.png

douyin-vue是一个模仿 抖音|TikTok 的移动端短视频项目,基于 Vue3、Vite5 、Pinia开发。数据保存在项目本地,通过 axios-mock-adapter 库拦截Api并返回本地json数据,模拟真实后端请求。

项目地址:https://github.com/zyronon/douyin

在线访问地址:https://dy.ttentau.top/

效果截图:

ab0751aed6719c0a9ffcb5b7e25a9862.png

本项目是基于 Vue 开发的,本地开发的话需要提前配置 node 环境,接着执行以下步骤:

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

  2. 进入项目目录douyin,在项目根目录下,运行 npm install 下载依赖。

  3. 执行 npm dev 来启动项目。

git clone https://gitee.com/zyronon/douyin.git (中国使用)
          https://github.com/zyronon/douyin.git 
cd douyin
npm install
npm run dev
  1. 在Chrome中打开http://localhost:3000来访问项目,为保证正常浏览将浏览器切换成手机模式,页面展示如下。

4caadfb079c3d52513c5690b8ab21cfb.png

当然也可以部署至docker或vercel,项目中都有介绍。

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐