ZY-Player-Web 安装与配置指南

1. 项目基础介绍

ZY-Player-Web 是一个跨平台浏览器端视频资源播放器，它提供了一个简洁且免费的播放器界面，支持电脑端和手机端浏览器。该播放器具备播放记录功能，能够自动跳转历史播放进度，还支持收藏夹功能，多语言（中文、英文）切换，画中画模式，截图等特性。

主要编程语言

• Vue.js
• TypeScript
• SCSS
• HTML

2. 项目使用的关键技术和框架

关键技术

• Vue.js：用于构建用户界面的渐进式JavaScript框架。
• TypeScript：JavaScript的一个超集，添加了静态类型选项。
• SCSS：CSS预处理器，提供了变量、嵌套、混合、函数等高级功能。

关键框架

• Vite：一个用于构建前端应用的现代化工具。
• Vue 3：Vue.js 的最新版本，提供了组合式API等新特性。

3. 项目安装和配置的准备工作及详细步骤

准备工作

• 确保您的系统中已安装 Node.js 和 npm。如果没有，请从 Node.js 官网 下载并安装。
• 确保您的网络环境可以访问 GitHub 和 npm 的资源。

安装步骤

1. 克隆项目到本地

   git clone https://github.com/Hunlongyu/ZY-Player-Web.git
   cd ZY-Player-Web
   

2. 安装项目依赖

   npm install
   

3. 运行开发服务器

   npm run dev
   

   运行后，您可以在浏览器中访问 http://localhost:3000 来查看项目。

4. 构建项目 当您完成开发后，可以构建项目以用于生产环境。

   npm run build
   

5. 部署项目 构建完成后，将 dist 目录中的内容部署到您的服务器或者静态资源托管服务上。

以上就是ZY-Player-Web的详细安装和配置指南。按照以上步骤操作，您可以顺利搭建并运行该项目。