切換語言為:簡體
基於 Vue 開發的開源版「抖音|TikTok」火了,已 7k star!!

基於 Vue 開發的開源版「抖音|TikTok」火了,已 7k star!!

  • 爱糖宝
  • 2024-05-19
  • 2138
  • 0
  • 0

今天介紹一個火爆了的github開源專案——douyin。先來看看這個專案的star數量增長曲線,短短一個月內關注度直線上升,已經達到7k啦。

基於 Vue 開發的開源版「抖音|TikTok」火了,已 7k star!!

douyin-vue是一個模仿 抖音|TikTok 的移動端短影片專案,基於 Vue3、Vite5 、Pinia開發。資料儲存在專案本地,透過 axios-mock-adapter 庫攔截Api並返回本地json資料,模擬真實後端請求。

專案地址:https://github.com/zyronon/douyin

線上訪問地址:https://dy.ttentau.top/

效果截圖:

基於 Vue 開發的開源版「抖音|TikTok」火了,已 7k star!!

本專案是基於 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來訪問專案,為保證正常瀏覽將瀏覽器切換成手機模式,頁面展示如下。

基於 Vue 開發的開源版「抖音|TikTok」火了,已 7k star!!

當然也可以部署至docker或vercel,專案中都有介紹。

0則評論

您的電子郵件等資訊不會被公開,以下所有項目均必填

OK! You can skip this field.