zlcbs / music

a music web app that powered by Vue.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue(2.6) 仿安卓端网易云音乐

后端接口

该项目通过调用网易云音乐NODE版接口,运行该项目需要在本地启动测试接口

安装依赖

npm install

开发环境运行项目

npm run serve

预览

推荐页面、排行榜页面、歌手分类页面

歌单详情页、歌手详情页

播放页面、歌词页面、清空播放列表

搜索页面、搜索结果

技术栈

  • Vue : 用于构建用户界面的MVVM框架
  • Vue-router : 为单页面应用提供路由跳转功能
  • Vuex : 集中数据状态管理仓库
  • Vue-lazy : 用户解决图片懒加载问题
  • Better-scroll : 提供更好的移动端滚动体验
  • fastclick : 解决移动端点击事件300ms延迟问题
  • Scss : CSS预处理器,更优雅的书写CSS
  • ES6 : 更优雅的书写JS,模块化导入导出
  • iconfont : 阿里巴巴字体图标库
  • ESlint : 代码规范检查
  • Axios : 用于请求服务端数据
  • NeteaseCloudMusicApi : 第三方开源网易云音乐接口,用于获取动态数据和音乐资源
  • Vue-cli : 脚手架工具,减少开发配置时间
  • Pinyin : 将歌手按姓名拼音首字母分类
  • good-storage : 更方便的操作LocalStorage
  • lyric-paser : 格式化歌词

About

a music web app that powered by Vue.js


Languages

Language:Vue 57.6%Language:HTML 20.1%Language:CSS 13.2%Language:JavaScript 9.2%