开源版「抖音」,火了!基于 Vue、Vite 的移动端短视频开源项目【带源码】

马上就放假了,假期都打算去哪玩啊?

今天就不聊太多了,简单介绍一个 douyin 开源项目。

douyin 是一个模仿抖音的移动端短视频开源项目,它基于 Vue、Vite实现。使用了最新的 Vue 全家桶技术栈,接口数据通过 axios-mock-adapter模拟。

图片

项目地址:

https://github.com/zyronon/douyin

效果截图

图片

图片

图片

图片

运行项目

本项目是基于 Vue 开发的,需要 node 环境来运行。

1、安装 NodeJS,参考官方文档

2、安装 pnpm 包管理工具,运行 npm install -g pnpm 来安装

3、使用 git clone https://github.com/zyronon/douyin.git 下载项目到本地

4、进入项目目录 cd douyin,在项目根目录下,运行 pnpm install 来下载依赖。

5、执行 pnpm dev 来启动项目,项目默认地址为 http://localhost:3000

6、在浏览器中打开 http://localhost:3000来访问项目。Chrome 切换成手机模式快捷键,先按 F12 调出控制台,再按 Ctrl+Shift+M(设备仿真模拟)

在线访问

Vercel(国内推荐访问这个):

http://dy.ttentau.top

注意:PC 浏览器请用手机模式访问。先按 F12 调出控制台,再按 Ctrl+Shift+M 切换到手机模式

注意:手机请用 Via 浏览器或者 Chrome 浏览器预览。其它浏览器会强制将视频全屏,导致样式失效


根据仓库的 commit 记录,作者早在 6 年前就已经启动了这个项目,坚持到现在仍未放弃,并且无私地开源了出来。真乃我辈楷模!

图片

最后

给大家分享一套基于Vue小说阅读系统和贝壳找房系统源码,在实际项目中可以直接复用。(免费提供,文末自取)

系统运行图

1、小说阅读系统页面

图片

图片

2、贝壳找房系统页面

图片

图片

源码免费领取方式

关注本号,后台回复 贝壳

关注本号,后台回复 贝壳

持续关注本号,分享更多项目源码

分享一些关于学习Java编程方面的经验

Java是一种广泛应用于软件开发领域的编程语言,具有跨平台、面向对象等特点。在开发Java项目时,我们需要遵循一些基本原则和步骤,以确保项目的顺利进行和高质量的交付。本文将为您介绍如何开发Java项目的一般流程和注意事项。

1. 需求分析:在开始开发之前,我们需要与客户或项目组成员充分沟通,了解项目的需求和目标。明确项目的功能、性能、安全等方面的要求,以便后续的开发工作能够有针对性地进行。

2. 系统设计:在需求分析的基础上,我们需要进行系统设计。这包括确定项目的架构、模块划分、数据库设计等。合理的系统设计可以提高项目的可扩展性和可维护性。

3. 编码实现:根据系统设计的结果,我们开始进行编码实现。在编写代码时,我们应该遵循良好的编码规范和设计原则,保证代码的可读性和可维护性。同时,我们也可以利用一些常用的开发框架和工具来提高开发效率。

4. 单元测试:在编码完成后,我们需要进行单元测试。通过编写测试用例,对每个模块进行测试,以确保代码的正确性和稳定性。单元测试可以帮助我们及早发现和修复潜在的问题。

5. 集成与部署:当所有模块都通过了单元测试后,我们需要进行集成测试。将各个模块组合起来,并进行整体的功能测试和性能测试。在测试通过后,我们可以将项目部署到生产环境中,供用户使用。

6. 维护与优化:项目上线后,并不意味着开发工作的结束。我们需要持续关注项目的运行情况,及时修复bug,并根据用户反馈进行功能优化和性能优化。这样可以提高项目的稳定性和用户体验。

Java项目开发是一个复杂而又有挑战性的过程,但只要我们按照以上步骤进行,就能够有效地提高开发效率和项目质量。同时,我们也应该不断学习和掌握新的技术和工具,以跟上行业的发展和变化。希望本文对您在Java项目开发方面有所帮助!

最近更新

  1. TCP协议是安全的吗?

    2024-04-20 19:34:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-20 19:34:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-20 19:34:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-20 19:34:01       18 阅读

热门阅读

  1. 傅里叶变换例题

    2024-04-20 19:34:01       16 阅读
  2. Okhttp 403 Forbidden

    2024-04-20 19:34:01       12 阅读
  3. android-Presentation双屏异显

    2024-04-20 19:34:01       13 阅读
  4. 数据库-Redis(19)

    2024-04-20 19:34:01       13 阅读
  5. 华为海思数字芯片设计笔试第六套

    2024-04-20 19:34:01       13 阅读
  6. 简单工厂模式&&抽象工厂模式

    2024-04-20 19:34:01       11 阅读
  7. 记录golang日常错误处理

    2024-04-20 19:34:01       14 阅读