開源版「抖音」，火了！

大家好，我是小 F~

今天給大家介紹一個 douyin 開源項目。

douyin 是一個模仿抖音的移動端短視頻開源項目，它基於 Vue、Vite 實現。使用了最新的 Vue 全家桶技術棧，接口數據通過 axios-mock-adapter 模擬。

項目地址：

https://github.com/zyronon/douyin

效果截圖

運行項目

本項目是基於 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（設備仿真模擬）

在線訪問

Vercel（國內推薦訪問這個）：

http://dy.ttentau.top

注意：PC 瀏覽器請用手機模式訪問。先按 F12 調出控制檯，再按 Ctrl+Shift+M 切換到手機模式

注意：手機請用 Via 瀏覽器或者 Chrome 瀏覽器預覽。其它瀏覽器會強制將視頻全屏，導致樣式失效

根據倉庫的 commit 記錄，作者早在 6 年前就已經啓動了這個項目，堅持到現在仍未放棄，並且無私地開源了出來。真乃我輩楷模！

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/A_ZlTmq3fUq5stNdduyvwQ