React网易云音乐

基于react hooks+redux+immutable.js仿网易云音乐打造精美webApp项目

GITHUB 原文地址：（持续更新）

https://gitee.com/jiang_kangkang/react-cloud-music-chapter1

项目展示

图片:

简介

这是一个比较简单也比较实用的React移动端项目，适用于刚入门react的新手学习。基于 React，react-redux，引用Antd组件库，方便开发快速简洁好看的组件。其他实用技术：BetterScroll弹性滚动屏幕插件，css in js等（扩展css编程能力）。

功能

• 已实现功能

• 歌曲列表

• 歌手页

• 排行榜

• 待实现功能，持续更新（欢迎大家fork，star）

• 排行榜组件

• 歌单组件

• 播放器

• 播放列表

• 搜索功能

安装步骤

git clone https://gitee.com/jiang_kangkang/react-cloud-music-chapter1.git // 把模板下载到本地
cd react-cloud-music-chapter1 // 进入模板目录
npm install // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn

启动

npm run start

打包

npm run build

其他注意事项

app访问，需要启动后台数据，否则不能看到全部效果

gitee地址，这个是从github上拉过来的，可以用这个项目，也可以从github直接拉取原项目：

https://gitee.com/jiang_kangkang/NeteaseCloudMusicApi

github源地址：

https://github.com/Binaryify/NeteaseCloudMusicApi

后端使用步骤

git clone https://gitee.com/jiang_kangkang/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi // 进入模板目录
npm install // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn

启动

// 启动
npm run start

// 或者
node app.js