https://github.com/adjfks/neteasecloudmusic-website
基于 vite+ vue3 + pinia + vue-router 仿网易云音乐Web应用
https://github.com/adjfks/neteasecloudmusic-website
less pinia typescript unocss vue vuejs
Last synced: about 1 month ago
JSON representation
基于 vite+ vue3 + pinia + vue-router 仿网易云音乐Web应用
- Host: GitHub
- URL: https://github.com/adjfks/neteasecloudmusic-website
- Owner: adjfks
- Created: 2022-06-05T15:34:53.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-02T16:39:32.000Z (over 3 years ago)
- Last Synced: 2023-03-05T13:34:13.031Z (over 3 years ago)
- Topics: less, pinia, typescript, unocss, vue, vuejs
- Language: Vue
- Homepage: http://net.swttws.top
- Size: 2 MB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 仿网易云音乐Web App
仿 网易云音乐WebApp
首页展示
歌曲播放页展示
## 技术栈
- Vue3
- Vue-Router
- Pinia
- Unocss
- Less
- TypeScript
- Vite
- VueUse
- Unplugin-auto-import
- pnpm
## 目标功能
- 个性音乐页面✅
- 歌单详情页✅
- 歌手详情页✅
- 排行榜✅
- 播放器✅
- 歌曲详情页✅
- 歌词滚动✅
- 歌词与播放器联动✅
- 上一曲下一曲✅
- 离线播放✅
- 扫码登录✅
- 音量调整✅
- 自动构建和部署✅
- 随机播放顺序播放
- 播放列表
- 手机号密码登录
- 邮箱登录
- 歌手详情页
- MV播放
- ......
## 自动构建和部署
使用Github Actions + Docker + Docker Compose + Praefik + Nginx实现了项目的自动构建和部署，并可通过域名访问。
## Getting Started
需要先克隆[NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)到本地，然后进入该项目文件夹运行一下命令启动后台服务
```
node app.js
```
克隆本仓库到本地
安装依赖
```
pnpm install
```
启动开发环境
```
pnpm run dev
```
## 感谢
[NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)提供Api接口服务