Douyin‑Vue: A TikTok‑Like Short Video Front‑End Project and Setup Guide
This article introduces the open‑source Douyin‑Vue project—a TikTok‑style short‑video app built with Vue 3, Vite 5 and Pinia—provides its repository and demo links, and walks through the required environment setup and local deployment steps.
The author presents Douyin‑Vue, a popular open‑source project that mimics TikTok/抖音 as a mobile short‑video application, developed with Vue 3, Vite 5, and Pinia; its star count has quickly risen to about 7 k within a month.
The project stores data locally and uses axios‑mock‑adapter to intercept API calls and return JSON files, simulating a real backend. The source code is available at https://github.com/zyronon/douyin , and an online demo can be accessed at https://dy.ttentau.top/ .
To run the project locally you need a Node environment. Follow these steps:
git clone https://github.com/zyronon/douyin.git # use the Gitee mirror for China if needed
cd douyin
npm install
npm run devAfter the development server starts, open http://localhost:3000 in Chrome, switch the browser to mobile emulation mode, and you will see the application as shown in the screenshots.
The repository also includes instructions for deploying the app to Docker or Vercel, and additional screenshots illustrate the final UI.
Java Captain
Focused on Java technologies: SSM, the Spring ecosystem, microservices, MySQL, MyCat, clustering, distributed systems, middleware, Linux, networking, multithreading; occasionally covers DevOps tools like Jenkins, Nexus, Docker, ELK; shares practical tech insights and is dedicated to full‑stack Java development.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.