該項目是本人自使用react框架以來制作的較大的項目,目前該項目放在github上,感興趣的朋友可以去看看一下,覺得還行的話可以給個star,哈哈
地址:https://github.com/cocoxiaoyue/react-music-player
項目環境 運行
1、該項目是基於node環境,通過create-react-app搭建的react項目,所以該項目應在裝有node的機器上運行。
2、該項目運用的是網易雲音樂接口,所以應該下載網易雲音樂接口項目https://github.com/agnij/NeteaseCloudMusicApi 並運行set PORT=4000 && node app.js 開啟4000端口。
3、使用npm start 啟動該項目。
項目結構:
.vscode VS code編輯軟件的文件。
config 是該項目的一些配置文件,里面包含less,js等等的一些配置。
node_modules 該文件是npm下載的一些文件的集合,包括redux等等。
public 是項目的公共文件,也是項目以后的打包文件夾的去處,是項目的入口文件。
scripts 是項目的運行,打包,以及測試的文件啟動文件。
src 是項目的主要文件的放置地方,里面包含有路由的配置,項目的組件等等。
package.json 是項目用到的模塊的說明,以及一些模塊的版本信息。
package-lock.json 鎖定安裝時的包的版本號,使得安裝的版本和我當前的版本信息一致。
README.md 這是github的說明文檔。
項目功能介紹
1、歌單查看
2、歌曲播放
3、歌單收藏
4、歌手詳情
5、搜索歌曲
6、切歌模式
上截圖: