拥抱vite + vue3,制作一款属于自己的音乐播放器。

2023-11-15

VUE3-MUSIC

vite vue3 pinia tailwindcss

拥抱vite + vue3,制作一款属于自己的音乐播放器。

一、项目介绍

基于 VITE + VUE3 + TS + PINIA + TAILWINDCSS 开发的音乐播放器,界面模仿网易云音乐客户端。

参考 SmallRuralDog/vue3-music 进行开发、改进和完善。

在线体验:https://m.zugelu.com/
项目地址:https://github.com/luzhe0359/vue3-music

欢迎 Star 支持,感谢!!

二、本地运行

1. 前端

git clone https://github.com/luzhe0359/vue3-music.git
cd vue3-music
pnpm install
pnpm run dev

2. 后端

网易云音乐 API,需在本地运行 API 服务,才能正常访问。
开发文档

三、功能模块

  • 手机号登录
  • 二维码登录
  • 主题切换

推荐

  • 专属歌单
  • 推荐新音乐
  • 推荐 MV

音乐馆

  • 精选
  • 歌单
  • 排行榜
  • 歌手
  • 新歌速递

视频

  • 视频列表
  • mv列表

电台

  • 推荐电台
  • 最热主播榜
  • 主播新人榜
  • 付费精品

四、UI界面

discover.jpg

music.jpg

video.jpg

dj.jpg

_music.jpg

_dj.jpg

总结

vue3,一个字,香!
本项目仅开发了部分功能,后续会继续完善。有兴趣的小伙伴,一起来拥抱vue3吧。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

拥抱vite + vue3,制作一款属于自己的音乐播放器。 的相关文章

随机推荐