码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-28 23:38:38      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:href   ref   项目结构   编辑   截图   开启   tps   app   json   

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

上截图:

技术分享图片

 

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

标签:href   ref   项目结构   编辑   截图   开启   tps   app   json   

原文地址:https://www.cnblogs.com/smsllStar/p/10193311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!