/douyin

TikTok 抖音 Vue.js

Primary LanguageVueMIT LicenseMIT

Douyin

简体中文 | English

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

分享我其他开源项目:

Typing Word - 可在网页上使用的背单词软件~
Web Scripts - 一些好用的油猴脚本~

免责声明

本项目仅适用于技术研究和分享,不得用于商业使用

在线访问

Vercel: http://dy.ttentau.top (国内推荐访问这个)

Netlify:https://douyins.netlify.app (需要翻墙)

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

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

效果截图

相关帖子

项目所展示的网红

运行项目

本项目是基于 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(设备仿真模拟)

功能与建议

目前项目处于开发初期,新功能正在持续添加中,如果你对软件有任何功能与建议,欢迎在 Issues 中提出 如果你也喜欢本软件的设计**,欢迎提交 PR,非常感谢你对我们的支持!

联系我

您可以联系我的邮箱 zyronon@163.com

许可协议

MIT