??大家好，我是小编南风吹，每天推荐一个小工具/源码，装满你的收藏夹，让你轻松节省开发效率，实现不加班不熬夜不掉头发！

??今天小编推荐一个基于vue开发的仿网易云音乐webapp，本项目主要模仿网易云音乐UI，以音乐为中心，实现了播放，搜索，登录，个人中心，收藏，喜欢等功能，lex 布局适配常见移动端，建议在chrome开发模式浏览。

开源协议

??使用 Apache-2.0 开源许可协议

链接地址

技术栈

前端

• Vue：用于构建用户界面的 MVVM 框架
• vue-router：为单页面应用提供的路由系统，使用了 Lazy Loading Routes 技术来实现异步加载优化性能
• vuex：Vue 集中状态管理，在多个组件共享某些状态时非常便捷
• vue-lazyload：实现图片懒加载，节省用户流量，优化页面加载速度
• better-scroll：解决移动端各种滚动场景需求的插件，使移动端滑动体验更加流畅
• SCSS：css 预编译处理器
• ES6：ECMAScript 新一代语法，模块化、解构赋值、Promise、Class 等方法非常好用

后端

• Node.js：利用 Express 搭建的本地测试服务器
• vue-axios：用来请求后端 API 音乐数据
• NeteaseCloudMusicApi：网易云音乐 NodeJS 版 API，提供音乐数据

其他工具

• vue-cli：Vue 脚手架工具，快速初始化项目代码
• eslint：代码风格检查工具，帮助我们规范代码书写（一定要养成良好的代码规范）
• iconfont ：阿里巴巴图标库，谁用谁知道

移动端演示截图

推荐、排行榜、歌手

歌单详情、个人中心

播放器、播放列表

搜索页面

PC端演示截图

歌单

排行榜

歌手 & 歌手详情

MV & MV播放

播放器

搜索

结尾

??本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。