项目描述

这是一个基于 Vue2.x 和网易云音乐 API 制作的移动端 web app 项目；由于是出于练习和实验的目的，因此并非是网易云音乐 app 的替代品，目前也没有涵盖全部的功能；

该项目主要使用的一些工具有：

webpack 和 webpack-dev-server
vue 全家桶
NeteaseCloudMusicApi 项目
axios
better-scroll
vue-lazyload
Iconfont
Muse-UI

github：https://github.com/xxf1996/vue_music

线上地址：http://xiexuefeng.cc/app/music

使用须知

由于项目使用的 API 接口完全是基于 NeteaseCloudMusicApi 项目，因此需要事先启动该项目作为接口服务器（无论是本地还是云上）；启动好后修改 src/index.js 文件中的 API 接口设置为实际使用的接口地址即可。

如何运行

安装依赖

npm i

开发

npm start

默认端口为 8080；

打包发布

npm run build

默认打包路径为 dist；

功能说明

由于是针对移动端设计的 web app，因此采用了 rem 布局来适应移动端不同分辨率的设备；设计稿是基于 375px 宽度的设备，仿照网易云音乐 app 的页面布局和设计。目前制作的功能界面有：

登录页面（伪）

为啥说是『伪』登录，因为这里只是获取用户的 uid，此后获取到的数据都是一些公开只读的数据，而涉及到真正改变用户信息的操作（如收藏，点赞，评论等等）都不能使用；其实 NeteaseCloudMusicApi 项目提供了与网易云音乐 app 一样的手机或邮箱登录的接口，但是由于我的目的不是制作替代品，只是练习项目和试验一些功能，利用 uid 获取一些『只读』数据已经足够了（况且还涉及到用户密码和安全问题）。