個人搭建的React專案之React音樂播放器
阿新 • • 發佈:2018-12-28
該專案是本人自使用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、切歌模式
上截圖: