轉自:OSC開源社群
大家好,我是 Jack。
明天就放假了,假期都打算去哪玩啊?
今天就不聊太多了,簡單介紹一個 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 年前就已經啟動了這個專案,堅持到現在仍未放棄,並且無私地開源了出來。真乃我輩楷模!


關鍵詞
專案
瀏覽器
手機模式
控制檯