Vue3 + Pinia + Vite5 仿抖音,完全度90% . Vue3 + Pinia + Vite5 imitate TikTok with 90% completeness
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

3.7 KiB

Douyin

简体中文 | English

douyinIt is a mobile short video project imitating Douyin., It is based on Vue, Vite implementation. The latest Vue family bucket technology stack is used, and the background data is built by axios-mock-adapter.

Disclaimers

This project is only applicable for technical research and sharing, and cannot be used for commercial purposes

Online access

Netlify: https://douyins.netlify.app (If you are in China, you need Vpn)

Vercel: http://dy.ttentau.top (This is recommended in China.)

Note: PC browsers should be accessed in mobile mode. Press F12 to bring up the console, and then press Ctrl+Shift+M to switch to mobile mode.

Note: for mobile phones, please use [Via browser] (https://viayoo.com/zh-cn/) or Chrome browser preview). Other browsers will force the video to be full-screen, invalidating the style.

Effect screenshot

Related post

The online celebrities displayed by the project

Run the project

This project is based on Vue and needs node environment to run.

  1. To install NodeJS, refer to [official documentation] (https://nodejs.org/en/download))
  2. Use git clone https://github.com/zyronon/douyin.git to download the project locally.
  3. Enter the project directory npm install and run project install under the project root directory to download the dependency.
  4. Execute project dev to start the project. The default address of the project is http://localhost:3000].
  5. Open http://localhost:3000] in the browser to access the project. Chrome switch to mobile phone mode shortcut key, press F12 to bring up the console, and then press Ctrl+Shift+M

Functions and suggestions

At present, the project is in the early stage of development, and new features are being added continuously. If you have any functions and suggestions for the software, you are welcome to put forward them in Issues. If you also like the design idea of this software, welcome to submit pr, thank you very much for your support!

Contact me

You can contact my email address < a href= "mailto:zyronon@163.com" > zyronon@163.com < / a >

MIT license Agreement

MIT