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 => 页面