1. 程式人生 > >個人搭建的React專案之React音樂播放器

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

上截圖: