Skip to content
欣音悦(歌单分享) -- 客户端
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
config
src
static
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
README.md
index.html
package-lock.json
package.json

README.md

欣音悦(歌单分享为主的音乐播放webapp) -- 客户端


项目介绍

这是一个使用 Vue.js + Node.js 技术栈开发的音乐社区,以分享歌单为主,听歌为辅的webapp。歌手及歌曲信息来自 QQ 音乐的接口,歌单信息存储在本地数据库中。


技术栈

客户端:Vue.js + Vuex + vue-lazyload + vue-router + axios + Sass

服务器:Koa2 + jwt + mongodb (服务器地址)


如何使用

服务器

git clone https://github.com/tflins/music-koa-server.git

cd music-koa-server

npm install

npm run start

// 如果想热更新
npm run server

客户端

git clone https://github.com/tflins/vue-music.git

cd vue-music

npm install

npm run start

// 如果想要编译
npm run build

开发进度

  • 登录注册
  • 歌手信息
  • 播放组件
  • 歌单推荐
  • 搜索歌曲
  • 歌曲排行
  • 分享歌单
  • 歌单评论
  • 用户管理

部分截图

---build

演示地址(实时更新)

欣音悦

You can’t perform that action at this time.