基于Vue-cli3重写vue-QQmusic

项目预览地址：Vue-QQmusic

二维码：

技术栈

• vue
• vue-router
• vuex
• axios
• mint-ui
• vue-cli3
• scss
• jsonp(跨域)

实现的功能

• 首页
• 歌手页面
• 排行榜
• 搜索页面(接口不稳定)
• 播放器
• 播放历史记录
• 播放模式切换
  

项目截图

项目目录结构

• api存放获取后端数据的js,以及一些封装;
• assets主要存放静态的img、js、font、css等
• components主要存放公用组件
• page主要存放路由跳转的组件
• router.js存放路由
• store.js存放状态管理
• App.vue是项目根组件
• main.js是项目入口文件
  
  

Build Setup

# install dependencies
yarn

# serve with hot reload at localhost:8080
yarn serve

# build for production with minification
yarn build

# build for production and view the bundle analyzer report
yarn build --report