今天介紹一個火爆了的github開源專案——douyin。先來看看這個專案的star數量增長曲線,短短一個月內關注度直線上升,已經達到7k啦。
douyin-vue是一個模仿 抖音|TikTok 的移動端短影片專案,基於 Vue3、Vite5 、Pinia開發。資料儲存在專案本地,透過 axios-mock-adapter 庫攔截Api並返回本地json資料,模擬真實後端請求。
專案地址:https://github.com/zyronon/douyin
線上訪問地址:https://dy.ttentau.top/
效果截圖:
本專案是基於 Vue 開發的,本地開發的話需要提前配置 node 環境,接著執行以下步驟:
使用 git clone https://github.com/zyronon/douyin.git 下載專案到本地
進入專案目錄douyin,在專案根目錄下,執行 npm install 下載依賴。
執行 npm dev 來啟動專案。
git clone https://gitee.com/zyronon/douyin.git (中國使用) https://github.com/zyronon/douyin.git cd douyin npm install npm run dev
在Chrome中開啟http://localhost:3000來訪問專案,為保證正常瀏覽將瀏覽器切換成手機模式,頁面展示如下。
當然也可以部署至docker或vercel,專案中都有介紹。