janyin / netease-music-app

网易云音乐移动端【React/Next/Vue】【Ant Design/Material UI】

🎵 仿网易云音乐移动端【React/Next/Vue】

功能页面都比较简单，但是常见需求都有(搜索、列表、页面跳转、数据状态管理)
适合拿来练手的入门级前端 Demo

🍓Preview 预览

• React：https://netease-music-app-nine.vercel.app
• Next：https://netease-music-app.vercel.app
• Vue：https://vue-music-app-navy.vercel.app

😯Tech 技术

• React : creact-react-app/redux/react router/antd-mobile
• Next : material-ui/swr/react hooks
• Vue : vuex/vux/vue router/better-scroll

🏃Install 运行

以 next 框架为例

1、clone

git clone https://github.com.cnpmjs.org/janyin/netease-music-app

cd netease-music-app

2、安装依赖

cd next

yarn

3、本地运行

yarn dev

4、打包

yarn build

⬆️Features 功能

• 推荐歌单
• 歌单详情
• 歌曲搜索
• 歌词滚动播放
• 歌曲排行榜

💁 API

API 来源

🉑️ Future 未来

• TypeScript/Angular 版本
• 登录/登出
• 歌曲 MV 播放 ...