个人搭建的React项目之React音乐播放器

Posted 2021-01-30 smsllstar

该项目是本人自使用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、切歌模式

上截图：