个人搭建的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、切歌模式

上截图:

 

转载于:https://www.cnblogs.com/smsllStar/p/10193311.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值