douyin 是一个模仿抖音的移动端短视频项目，它基于 Vue、Vite 实现。使用了最新的 Vue 全家桶技术栈，接口数据通过 axios-mock-adapter 模拟
在线访问
Vercel： http://dy.ttentau.top (国内推荐访问这个)
Netlify：https://douyins.netlify.app (需要翻墙)
注意：PC 浏览器请用手机模式访问。先按 F12 调出控制台，再按 Ctrl+Shift+M 切换到手机模式
注意：手机请用 Via 浏览器 或者 Chrome 浏览器预览。其它浏览器会强制将视频全屏，导致样式失效
效果截图
运行项目
本项目是基于 Vue 开发的，需要 node 环境来运行。
- 安装
NodeJS，参考官方文档 - 安装
pnpm包管理工具，运行npm install -g pnpm来安装 - 使用
git clone https://github.com/zyronon/douyin.git下载项目到本地 - 进入项目目录
cd douyin，在项目根目录下，运行pnpm install来下载依赖。 - 执行
pnpm dev来启动项目，项目默认地址为http://localhost:3000 - 在浏览器中打开
http://localhost:3000来访问项目。Chrome切换成手机模式快捷键，先按F12调出控制台，再按Ctrl+Shift+M（设备仿真模拟）
项目地址：
https://github.com/zyronon/douyin
原创文章，作者：简单一点，如若转载，请注明出处：https://www.506064.com/n/2719.html
微信扫一扫 
支付宝扫一扫 