https://github.com/ilukemagic/zim-music-vue3
Vue 3 + TypeScript + Element Plus + Vite 开发的音乐网站
https://github.com/ilukemagic/zim-music-vue3
element-plus typescript vite vuejs
Last synced: 6 months ago
JSON representation
Vue 3 + TypeScript + Element Plus + Vite 开发的音乐网站
- Host: GitHub
- URL: https://github.com/ilukemagic/zim-music-vue3
- Owner: ilukemagic
- Created: 2022-05-12T08:21:30.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-09-02T02:27:31.000Z (almost 4 years ago)
- Last Synced: 2025-04-05T23:20:07.671Z (about 1 year ago)
- Topics: element-plus, typescript, vite, vuejs
- Language: Vue
- Homepage:
- Size: 226 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# zim-music-vue3
Vue 3 + TypeScript + Element Plus + Vite 开发的音乐网站 🎧
后端使用: [网易云音乐 Node.js API](https://github.com/Binaryify/NeteaseCloudMusicApi)
**💻 通过本项目，你可以了解到**：
- 前端工程化
- 自定义视频播放器
- 自定义音乐播放器
- 业务组件的封装
- `Vue3`中的`Composition API`的使用
- `Vue3`+`Typescript`的基本使用
- 新一代状态管理工具`Pinia`的使用
## 🏃 踩坑经历
- [01.初始化项目](./doc/01.初始化项目.md)
- [02.搭建整体架构](./doc/02.搭建整体架构.md)
- [03.视频播放器](./doc/03.视频播放器.md)
## 📚 使用方法
clone:
```bash
git clone git@github.com:ZimTang/zim-music-vue3.git
```
install:
```bash
pnpm install
```
run:
```bash
pnpm run dev
```
build
```bash
pnpm run build
```
## 🔥 实现的功能
- [x] 用户登录（手机号）
- [x] 用户歌单
- [x] 权限控制
- [x] 歌曲播放
- [x] 播放列表
- [x] 歌曲切换
- [x] 歌单详情
- [x] 歌手详情
- [x] 个性推荐
- [x] 视频列表
- [x] 视频播放
> 如果本项目帮助到你，欢迎点个 star 支持一下我 🙏