基於Vue2.0實現音樂播放器。

Vue升級到2.0,使用Vue2.0作了個音樂播放器,vue

距離上個版本已通過去很久了,工做一直沒時間更新,最近發現api有更新,抽出時間更新一下。node

以往功能頁面所有重寫,有時間會逐步更新,功能逐漸完善,新的UI圖後續上傳更新.ios

歡迎你們參與討論,但願對你們學習Vue.js有幫助,能夠借鑑參考參考。git

項目地址:yuzhenyou/CloudMusicgithub

https://github.com/yuzhenyou/...vuex

若是對你學習有幫助的話,能夠順便Star一下哈。npm

技術使用到了Vue2.0版本
由Vue-cli搭建
Vue-router
vuex
axios
muse-ui,element-ui
後端用的node.js進行api轉發,默認端口:3000

api: NeteaseCloudMusicApielement-ui

功能實現axios

登陸
用戶收藏
歌單
我的中心
用戶評論
播放列表
播放隊列
上一首,下一首
歌詞同步
...

運行項目

安裝依賴
npm install
npm run dev
默認端口:8090後端

啓動服務
請自行修改三項api

config/index.js
src/main.js
src/store/index.js

服務更新請自行到上面api連接clone。
node.app.js

效果
songs1.png
songs2.png
songs3.png
songs4.png
songs5.png
songs6.png
songs7.png

相關文章
相關標籤/搜索