基於vue全家桶制作的移動端音樂WebApp


Vue.js 2.0實戰項目

基於Vue + Vuex + Vue-router + Webpack 2.0
打造移動端音樂WebAPP,實現了輪播圖、音樂推薦、歌手列表、音樂搜索、注冊等功能。

技術棧

  • MVVM框架:Vue.js 2.0
  • 狀態管理:Vuex
  • 前端路由:Vue-router
  • 數據交互:Vue-resource、axios、jsonp
  • 打包工具:webpack 2.0
  • 環境配置:node + npm
  • 語言:es6

項目運行

git clone https://github.com/caochangkui/musicApp-by-vue.git

cd wechat-by-vue

npm install

npm run dev //服務端運行,運行后訪問 http://localhost:6666)

npm run build //項目打包 

項目預覽

點擊這里預覽項目 (在chrome手機模式下預覽)

移動端掃描下方二維碼可直接打開

頁面部分截圖

音樂推薦頁面

歌手列表

搜索頁面和個人中心頁面


免責聲明!

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



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