Vue2全家桶+Element搭建的PC端在线音乐网站 Vue2全家桶+Element搭建的PC端在线

1，前言
2，已有功能
3，使用
4，目录结构
5，页面效果
- 登录页
- 首页
- 排行榜
- 歌单列表
- 歌单详情
- 歌手列表
- 歌手详情
- MV列表
- MV详情
- 搜索页
- 播放器

1，前言项目基于Vue2全家桶及网易云音乐 Node Api实现，网站风格简约清新，体验比较流畅。
下载地址：https://github.com/pdd11997110103/web-Music
2，已有功能

网易云APP扫码登录 & 网易云账号登录
注册
音乐播放器
歌单 & 详情
歌手 & 详情
MV & mv详情
排行榜
搜索
评论
歌词

文章图片

3，使用

Clone该项目：https://github.com/pdd11997110103/web-Music.git
安装：npm install
运行：npm run serve
测试环境打包：npm run test
正式环境打包：npm run build
同时打包正式环境 & 测试环境：npm run all
修复：npm run lint

4，目录结构

│.env.development │.env.production │.env.test => .env环境文件 │.eslintignore => eslint忽略配置 │.eslintrc.js => eslint配置 │.gitignore => git忽略配置 │babel.config.js │package-lock.json │package.json │README.md => 说明文件 │vue.config.js => 脚手架配置 ├─node_modules => 依赖 ├─public └─src │App.vue => 根容器 │main.js => 根文件 │ ├─assets │├─css => 公共样式 ││base.css => 基础样式 ││globalColor.less => 全局颜色 ││init.css => 初始化 │├─icon => 字体图标 ││ │└─image => 图片 ││ │└─info │ ├─components => 公共组件 │ ├─mixins │path.js => 常用方法 │ ├─plugins │elementUI.js => 局部引入elementUi │snowflake.js => 雪花插件 │ ├─request ││fetch.js => axios封装 │└─api => 接口定义 ├─store => vueX ├─utils => 工具类 └─views => 页面

5，页面效果登录页