fangbicheng / QQ_Music

vue版QQ音乐

Home Page:http://music.tannnb.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

QQ音乐(vue版)

使用vue模仿QQ音乐官网,主要以PC端为主,没有考虑移动端适配,目前只做了主流浏览器兼容,移动端可访问♫Music♫,获得更好体验

PC端可点击下方链接访问

在线演示地址

移动端可扫码访问

二维码

如何安装与使用

# 安装依赖
npm install 或者 yarn install

# 启动
npm serve 或者yarn serve

# 启动服务: 进入server目录
npm run app 或者yarn run app

# 项目打包
npm run build

技术栈

  • Vue-cli3
  • Vue + Vue-Router + Vuex
  • ES6/7
  • stylus
  • axios
  • node + express
  • DPlayer
  • vue-create-api

功能

  • 歌单推荐
  • 歌手页,歌手单曲MV
  • 专辑大全
  • 音乐排行榜
  • 分类歌单
  • 电台
  • 搜索
  • 播放器

其他说明

  • 仅仅为个人学习练手项目,如需更好体验,请前往QQ音乐QQ音乐 ^_^
  • 如果您喜欢该作品,您可以点右上角 "Star" "Fork" 表示支持 谢谢!

界面欣赏

仿照QQ音乐官网制作,向QQ音乐致敬^_^!!!

首页

首页

歌手列表

歌手列表

歌手详情

歌手列表

专辑

专辑

排行榜

排行榜

分类歌单

分类歌单

电台

电台

搜索

搜索

MV

MV

播放列表

播放列表

About

vue版QQ音乐

http://music.tannnb.com

License:MIT License


Languages

Language:Vue 73.1%Language:JavaScript 24.7%Language:CSS 1.8%Language:HTML 0.3%