CloudMusic-Vue3

所属分类:多媒体
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2023-11-08 09:04:47
上 传 者sh-1993
说明:  基于vue3实现的网易云音乐网页前端
(Netease Cloud Music Website Front End Based on Vue3)

文件列表:
.env.development (553, 2023-11-08)
.env.production (116, 2023-11-08)
LICENSE (1065, 2023-11-08)
babel.config.js (73, 2023-11-08)
jsconfig.json (279, 2023-11-08)
package-lock.json (931523, 2023-11-08)
package.json (1245, 2023-11-08)
public/ (0, 2023-11-08)
public/favicon.ico (4286, 2023-11-08)
public/index.html (693, 2023-11-08)
public/logo.png (20671, 2023-11-08)
public/test.json (7313, 2023-11-08)
src/ (0, 2023-11-08)
src/App.vue (2111, 2023-11-08)
src/api/ (0, 2023-11-08)
src/api/music.js (9909, 2023-11-08)
src/api/request.js (476, 2023-11-08)
src/api/user.js (2199, 2023-11-08)
src/api/video.js (1250, 2023-11-08)
src/assets/ (0, 2023-11-08)
src/assets/logo.png (20671, 2023-11-08)
src/assets/null.png (6349, 2023-11-08)
src/assets/poll.png (61457, 2023-11-08)
src/assets/record.png (139945, 2023-11-08)
src/components/ (0, 2023-11-08)
src/components/Comments.vue (6117, 2023-11-08)
src/components/Duration.vue (1283, 2023-11-08)
src/components/Header.vue (9914, 2023-11-08)
src/components/Leftnav.vue (1779, 2023-11-08)
src/components/Musiccontrollerbottom.vue (17390, 2023-11-08)
src/components/Musicplayer.vue (22654, 2023-11-08)
src/components/Myitem.vue (7945, 2023-11-08)
src/components/Myranklist.vue (3432, 2023-11-08)
src/components/Myrouter.vue (8275, 2023-11-08)
src/components/Mytitle.vue (1607, 2023-11-08)
src/components/Part.vue (2271, 2023-11-08)
src/components/Playnumber.vue (731, 2023-11-08)
src/components/Sortselet.vue (3293, 2023-11-08)
... ...

## 项目介绍 基于 vue3 配合elementui组建实现的网页网易云音乐前端, (移动端页面处于开发中) 后端使用的是 - [网易云音乐api](https://github.com/Binaryify/NeteaseCloudMusicApi) 主要完成的功能包括 - 音乐播放器相关功能:包括音乐播放,进度条跳转,歌词滚动和显示、歌词进度跳转 - 首页内容:包括轮播图、推荐歌单、歌曲、mv、电台等 - 搜索功能:包括歌曲mv等搜索功能、搜索记录、热搜排行、分页等 - 收藏、点赞、权限判定等 - 评论显示 - 用户、歌曲、歌单等信息详情展示 - 用户登录,包括账号密码、二维码、短信登录方式(推荐使用二维码登录) - 私人电台 ## 开发环境 - windows - node v18.17.1 ## 安装启动 该项目后端api依赖 [网易云音乐api](https://github.com/Binaryify/NeteaseCloudMusicApi) 首先进入网易云api目录下打开命令行,输入以下命令 ``` node app.js ``` 保持网易云api服务打开的情况下 然后打开新的命令行进入项目根目录,输入以下命令 ``` npm install --registry=https://registry.npm.taobao.org ``` 依赖安装完成后,输入 ``` npm run serve ``` 编译完成后访问 ``` http://localhost:8080 ``` 进行访问 (建议使用chrome内核浏览器理论) ## 技术栈 - ###### vue3 - ###### vuex - ###### vue-router - ###### element-plus - ###### axios

近期下载者

相关文件


收藏者