The latest imitation Douyin short video open source version + mall + short video, the completion level has reached 80% of the official App
Implemented based on Vue and Vite. The latest Vue family bucket technology stack is used, and the interface data is simulated through axios-mock-adapter
There is a problem with the mac environment. Even if I switch to a win computer, I can’t install the dependencies, so I won’t test it at all~
Please use mobile mode to access PC browser. First press F12 to bring up the console, then press Ctrl+Shift+M to switch to mobile mode. Please use Via browser or Chrome browser to preview on mobile phones. Other browsers will force the video to be full screen, causing the styles to become invalid.
Run the project:
This project is developed based on Vue and requires a node environment to run.
- Install NodeJS, refer to the official documentation
- Install the pnpm package management tool and run npm install -g pnpm to install
- Upload the project source code to the project root directory
- Enter the project directory cd douyin, in the project root directory, run pnpm install to download the dependencies.
- Execute pnpm dev to start the project. The default address of the project is http://localhost:3000
- Open http://localhost:3000 in your browser to access the project. Chrome switches to mobile mode shortcut key, first press F12 to bring up the console, then press Ctrl+Shift+M (device emulation simulation)


