基于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