Trtst Vue3 Music Save

基于Vue3 + Element UI开发的网易云音乐PC端项目,简单做了一下响应式处理,实现了登录、播放、收藏等功能。目前项目暂时已完成大部分功能,细节还待优化,其他功能还待开发。欢迎star...

Project README

vue3 网易云音乐

前言

开头还是感谢 网易云音乐 NodeJS 版 API提供的API练练手。

目前已完成音乐网站的大部分功能,部分细节有可能需要优化调整,如果你有更好的想法实现或者发现了错误、抑或代码优化建议等等,可以留言,我会回复。你的订阅,就是我的动力。

欢迎 watch / star / fork ,一键三连。 :clap:

Vue2.x版本基于网易云音乐API实现PC端音乐网站

项目预览

trtst_PC_Vue_3.x_网易云音乐

介绍

该项目是基于 Vue 和 ElementUI 组件库 搭建的一个PC端的音乐网站,能登录网易云音乐用户账号,听歌、评论、收藏等功能。

项目安装

//首先你应当克隆该项目
git clone https://github.com/trtst/vue3-music.git
 
// 然后 安装项目依赖
npm install
 
// 接下来 部署服务端(二选一)
a) 克隆服务端项目并运行
b)部署服务端项目到Vercel
 
// 运行项目
npm run dev

技术栈

Vue3 / Vue-router / Element-UI / Axios / Vuex / Vite

问题交流群

欢迎加群一起讨论:233725017

加群:233725017

视频展示

1、播放器

效果图预览展示

首页

首页

排行榜

排行榜

歌单列表页

歌单列表页

歌单详情页

歌单详情页

MV列表页

MV列表页

MV详情页

MV详情页

歌手列表页

歌手列表页

歌曲详情页

歌曲详情页

右下角播放器

右下角播放器

项目页面功能完成列表

✅ 首页

✅ 登录/退出登录

✅ 排行榜

✅ 歌单列表页

✅ 歌单详情页

✅ MV列表页

✅ MV详情页

✅ 歌手列表页

✅ 专辑详情页

✅ 歌曲播放

✅ 播放条(有些细节还需要修改优化)

⬜️ 评论留言点赞删除等

⬜️ 歌手详情页

⬜️ 搜索页面

⬜️ 歌曲收藏

⬜️ 个人主页

......

Open Source Agenda is not affiliated with "Trtst Vue3 Music" Project. README Source: trtst/vue3-music
Stars
42
Open Issues
1
Last Commit
1 year ago
Repository
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating