wymusic

music

A Vue.js project

Build Setup

 # clone
git clone https://github.com/gabirellaq/wymusic.git

# install dependencies
npm install

# serve with hot reload at localhost:1314
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

API

特別感謝Binaryify ????

https://binaryify.github.io/NeteaseCloudMusicApi/#/

呼叫Binaryify的網易雲音樂API，更改連接埠之後，在此專案中config.js中配置

技術堆疊

• Vue2：採用最新Vue2的語法
• Vuex：管理公共元件狀態量
• vue-router：管理單頁應用程式路由
• axios：發起http請求
• sass：css預處理語言
• Webpack：自動化建置工具，主要設定vue-cli腳手架提供
• ES6：採用ES6語法

功能特性

• 熱門推薦（歌單、mv、新碟）
• 排行榜
• 歌單（最新、熱門）
• 主播電台
• 歌手、歌手詳情
• 新碟上架、碟片詳情
• 歌曲、歌曲詳情
• 影片、影片詳情
• 搜尋

效果圖