logo
0
0
WeChat Login
zhouhao<zhouhao3207@qq.com>
Merge branch 'main' of https://cnb.cool/sziit-coding/web-coding/music-player

Echo Music Player

一个基于 Vue 3 + Vite 构建的在线音乐播放器,集成了歌单浏览、歌曲列表、音频播放控制、进度拖动等功能,同时配有完整的实验教学文档。

技术栈

  • Vue 3 — 渐进式前端框架
  • Vite — 新一代前端构建工具
  • Vue Router — 前端路由
  • Pinia — 状态管理
  • Element Plus — UI 组件库
  • Axios — HTTP 请求
  • VitePress — 项目教学文档

项目运行

安装依赖

npm install

启动开发服务器

npm run dev

启动后,访问终端输出的本地地址(默认为 http://localhost:5173)即可预览应用。

构建生产版本

npm run build

预览生产构建

npm run preview

文档运行

项目包含一份完整的实验讲义(位于 doc/ 目录),基于 VitePress 构建。

启动文档开发服务器

npm run docs:dev

启动后,访问终端输出的本地地址(默认为 http://localhost:5174)查看教学文档。

构建文档

npm run docs:build

预览文档构建结果

npm run docs:preview

推荐开发环境

编辑器:VS Code + Vue (Official) 扩展(安装后请禁用 Vetur)。

浏览器调试工具:

Vite 配置参考

参见 Vite Configuration Reference

About

在线的音乐播放器

Language
Vue79.6%
JavaScript17.7%
HTML2.7%