PC浏览器请用手机模式访问。先按F12调出控制台,再按Ctrl+Shift+M切换到手机模式,手机请用Via浏览器或者Chrome浏览器预览。其他浏览器会强制将视频全屏,导致样式都失效。
运行项目:
1. 安装 NodeJS,参考官方文档
2. 安装 pnpm 包管理工具,运行 npm install -g pnpm 来安装
3. 上传项目源码到项目根目录
4. 进入项目目录cd douyin,在项目根目录下,运行pnpm install来下载依赖。
5. 执行pnpm dev来启动项目,项目默认地址为http://localhost:3000
6. 在浏览器中打开http://localhost:3000 来访问项目。 Chrome 切换成手机模式快捷键,先按 F12 调出控制台,再按 Ctrl+Shift+M(设备仿真模拟)