大家好,我是 Java陳序員。 今天,給大家介紹一個基於 Vue3 實現的高仿抖音開源項目。 關註微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 douyin —— 一個基於 Vue、Vite 實現,模仿抖音的移動端短視頻項目。 這個項目的 ...
大家好,我是 Java陳序員
。
今天,給大家介紹一個基於 Vue3 實現的高仿抖音開源項目。
關註微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。
項目介紹
douyin
—— 一個基於 Vue、Vite 實現,模仿抖音的移動端短視頻項目。
這個項目的作者原本是用來學習 Vue 練手的,經過不斷的優化更新,目前已經達到官方 App 的 80% 了。真乃我輩楷模!
項目地址:
https://github.com/zyronon/douyin
線上訪問:
https://dy.ttentau.top/home
如果是 PC 瀏覽器瀏覽訪問,請用手機模式。先按
F12
調出控制台,再按Ctrl + Shift + M
切換到手機模式。
項目截圖
PS:大家都知道視頻中的網紅是誰嘛?
本地部署
環境準備: 該項目是基於 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 run dev
6、瀏覽器訪問
http://localhost:3000
最後
推薦的開源項目已經收錄到 GitHub
項目,歡迎 Star
:
https://github.com/chenyl8848/great-open-source-project
或者訪問網站,進行線上瀏覽:
https://chencoding.top:8090/#/
大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!