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/zh-hk/n/2719.html
微信掃一掃 
支付寶掃一掃 
