本文主要是介绍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文档
已有功能(持续完善中…)
- 歌曲播放(完善中)
- MV播放
- 视频播放
- 登录(验证码,二维码,密码)
- 注册
- 交互功能开发中…
源码地址
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
这篇关于vue学习实战項目:仿网易云音乐的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!