高仿网易云音乐Vue实战项目，采用第三方库ElementUI实现代码编写

作者：Lambda_

链接：https://juejin.im/post/5d96dd9d51882509563a096e

ElementUI一般是PC端采用，如果是vant等移动端UI库就好了~~~~

技术栈

主要依赖

• Vue 全家桶(使用 Vue-cli 作为构建工具)
• WebPack4.0
• ES6
• Less
• ESLint
• ElementUI

目标功能

• 手机登录、注册
• 修改密码
• 我的页面歌单信息
• 添加，删除歌单
• 最近播放
• 心动模式
• 我的电台
• 我的收藏
• 发现页面推荐歌单
• 发现页面新碟
• 发现页面新歌
• 发现页面每日推荐
• 发现页面歌单
• 歌单广场
• 新歌推荐
• 更多新碟--新增
• 发现页面排行榜
• 发现页面电台
• 发现页面私人FM
• 搜索功能
• 搜索结果展示
• 热搜榜
• 历史记录
• 搜索推荐
• 歌手分类
• 播放功能(小播放器进度条)
• 播放列表
• 添加删除播放列表
• 歌曲mv播放
• 签到
• 歌曲喜欢与否
• 专辑收藏与否
• 相关评论
• 用户相关
• 用户设置
• 页面滚动加载
• 左右滑动切换
• 全面优化&修复

部分截图

侧边账户中心

发现页面&每日推荐

歌单&歌单详情

排行榜&排行榜信息

我的页面&最近播放

搜索展示

启动步骤

1. npm install
2. npm run dev (本地开发)
3. npm run build (生产环境打包)

文章来源: https://www.toutiao.com/group/6745113879564517892/