React-Music

React-Music

注意：本项目只供学习，不可以商用。

如果觉得本项目还不错，请给个 star 鼓励一下。

项目预览地址: https://xieww.github.io/React-Music.

扫码体验更方便:

已完成功能

1. 推荐；
2. 歌手；
3. 排行榜；
4. 搜索；
5. 热门歌单、热门专辑、歌单详情、专辑详情；
6. 歌手详情；
7. 排行榜详情；
8. 热门搜索、搜索历史(搜索支持搜索专辑、歌手和歌曲)；
9. 歌曲播放(播放模式包含顺序播放、随机播放、单曲循环；上一曲、下一曲、播放/暂停、收藏)；
10. 播放列表支持切换播放模式、清空、删除歌曲和添加歌曲到播放列表；
11. 添加歌曲可以添加最近播放以及搜索歌曲并添加；
12. 个人中心展示最近播放的歌曲以及收藏的歌曲。

技术栈

React + React-Router + Redux + ES6 + JSONP

安装与运行

项目地址：（git clone）

git clone https://github.com/xieww/React-Music.git

通过npm安装本地服务以及第三方依赖模块(需要已安装Node.js)

国内 npm 比较慢，可以使用国内淘宝的 cnpm(https://npm.taobao.org/)

npm install

项目clone之后需通过npm install安装依赖

npm start

通过npm start运行项目，若没有修改 webpack 配置项，那么会自动打开浏览器，在 3000 端口预览项目
http://localhost:3000.

npm run build

项目开发完毕可以通过npm run build进行打包上线

若需要将项目上传至如github进行预览，可以安装(gh-pages)会自动新建分支并部署一个静态项目进行预览,具体配置可参照 gh-pages

项目截图