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

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

上截图:

猜你喜欢

转载自www.cnblogs.com/smsllStar/p/10193311.html