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
近期下载者:
相关文件:
收藏者: