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

上截圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM