vue学习实战項目：仿网易云音乐

vue-imitate-music163-pc

介绍

基于vue2.x 仿照网易云音乐pc端开发的 一款音乐项目 开发参考了Vue-NeteaseCloud-WebMusicApp項目

• 主要使用了： Vue2.x，Vue-Router，Vuex，Axios, Element-ui
• 音频播放使用了Audio 对象自定义了audioPlay播放组件目前还在完善中（问题较多）
• 歌词滚动使用了lyric-parser 和 better-scroll组件还在完善中（问题较多）
• 视频播放使用了vue-video-player组件
• 全屏功能使用了screenfull组件

后端api

后端api使用的是NeteaseCloudMusicApi开源项目

• 仓库地址
• api文档

已有功能(持续完善中…)

1. 歌曲播放（完善中）
2. MV播放
3. 视频播放
4. 登录（验证码，二维码，密码）
5. 注册
6. 交互功能开发中…

源码地址

1. 码云

2. GitHub

效果展示

登录界面

发现音乐

视频页面

详情页面

访问地址

仿网易云音乐

项目运行

1.代码克隆到本地

git clone https://gitee.com/yty1998/vue-imitate-music163-pc.git

2.项目初始化

npm install

3.启动

npm run serve

4.打包

npm run build