Code Monkey home page Code Monkey logo

vue-music's Introduction

vue-music

A vue mobile music project

线上预览

http://123.57.204.48:4000

previewQrcode

安装依赖

npm install

启动后台 API 服务

npm run server

启动一个具有热重载功能的开发环境

npm start

项目构建

npm run build

项目部署

npm run deploy

修改 deploy.sh 文件 中的部署命令
scp -r server/* 你的服务器用户名@你的服务器公网 IP:服务器项目存放目录

实现功能

  • 歌手

    • 歌曲
    • 专辑
    • MV
  • 歌单
    • 全部分类
    • 歌单列表
    • 歌单详情
  • 视频
    • 视频播放
    • 分类选择
  • 搜索
    • 热门搜索
    • 搜索历史
    • 分页加载
  • 播放器
    • 吸底播放
    • 全屏播放
    • 进度条
    • 上一首
    • 下一首
    • 播放/暂停
    • 播放模式
    • 收藏
    • 音质选择
    • 音量控制
    • 歌词展示

使用技术栈

vue + vuex + vue-router

express 搭建服务端 API

mint-ui + cube-ui + vux

lyric-parser把给定的歌词字符串解析成有格式文本的一个插件

good-storage 快速操作 localStorage 的第三方插件

vue-lazyload 一个基于Vue的图片懒加载插件

lib-flexible 由淘宝开发的移动端适配方案库

页面截图

videoRadio-picker songlist songSheet songPlayer(2) songPlayer(1) singerDetail(3) singerDetail(2) singerDetail(1) singer searchResult search playlist mv mv-picker miniPlayer categoryGroup categoryDetail

vue-music's People

Contributors

konglingwen94 avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.