Vue3+TypeScript+Vite+Pinia+UnoCsss实现的网易云音乐

364 阅读1分钟

示例地址

环境要求

  • Node.js 16.0.0+
  • typescript
  • vue
  • pnpm/npm
  • Api接口(若本地运行需clone此项目本地运行)

项目文件说明

  • api 关于vercel的线上代理地址转发配置
  • builder electron的打包文件
  • docs 文档相关
  • electron electron相关的代码文件
  • src->api 接口文件
  • src->assets 本地资源
  • src->compoents 全局组件
  • src->config 全局配置
  • src->hooks hooks文件
  • src->layout 页面整体布局

项目运行

1.clone接口服务

git clone https://github.com/Binaryify/NeteaseCloudMusicApi
  1. 根目录执行
node app.js
  1. clone本项目至本地
git clone https://github.com/d-shijie/vue3-netease-music
pnpm install
pnpm dev

4.electron运行

pnpm electron

5.进行打包

pnpm build/pnpm electron:build

演示(部分截图)

find_music_new_music.png

find_music_playlist.png

find_music_rank.png

find_music_singer.png

playlist_detail_comment.png

playlist_detail_musics.png

其他

本项目为作者的练手项目,在后续会持续更新以及优化,希望大家提出自己的意见和建议😊,求⭐⭐哟!