用Vue仿了一個類似的App

是個陳序員 2024-04-04 03:41:42

大家好,我是 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 douyinpnpm install

5、啓動項目

pnpm run dev

6、浏覽器訪問

http://localhost:3000最後

推薦的開源項目已經收錄到 GitHub 項目,歡迎 Star:

https://github.com/chenyl8848/great-open-source-project

或者訪問網站,進行在線浏覽:

https://chencoding.top:8090/#/

大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!

0 阅读:0

是個陳序員

簡介:感謝大家的關注