NetMusic

模仿的网易云移动端播放器 采用 flexbox 和 position 布局

在线播放地址 代码地址

如何使用和安装

NetMusic 前端

git clone https://github.com/lzzqwe/Net_music.git //下载NetMusic

cd NetMusic //进入NetMusic 目录

npm install //安装依赖

npm run serve //运行NetMusic

npm run build //打包NetMusic

后台服务器

网易云音乐Node.js版API

下载 NeteaseCloudMusicApi

npm install // 安装依赖

node app.js // 服务端运行 访问 http://localhost:3000

运行NetMusic无法获取数据 请检查后台是否启动

技术栈

• Vue-cli (Vue脚手架工具)
• Vue 2.6(渐进式 JavaScript 框架)
• Vuex(状态管理)
• Vue-Router( 路由管理器 )
• ES 6 / 7 （JavaScript 语言的下一代标准）
• less (css预处理器)
• Axios（AJAX网络请求）
• Vant-UI (移动端ui框架)
• vw 移动端自适应布局
• better-scroll( better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件 )
• FastClick（解决移动端 300ms 点击延迟）

首页

歌单列表组件

歌单详情组件

播放器组件

评论组件

个人中心组件

搜索组件

每日推荐

排行榜

slide组件

免责声明

本站音频文件来自各网站接口，本站不会修改任何音频文件

本项目仅为前端练手项目，请勿用作商业用途，请勿通过本项目下载盗版歌曲资源，否则后果自负！