网易云音乐

目前已完成一下三个页面，可实现歌单->歌曲->播放的简易流程

为了对比做一些简单的对比，同样的项目还改了一个vue-cli版本的

• 推荐页面(上方banner不可点击)
• 歌单列表
• 播放器

技术栈

1. 框架 vue3 + vue-router4 + vuex4
2. 语言 ts
3. ui vant
4. 构建/打包工具: vite

在线访问地址

在线体验

说明

1. 网易云音乐api使用的是开源项目，fork之后部署到了vercel
2. 本项目同样页部署到了vercel上
3. 播放音乐显示 403， 使用替代方案参考 图片

注 : 部分用户反馈获取的 url 会 403,hwaphon找到的解决方案是当获取到音乐的 id 后，将 https://music.163.com/song/media/outer/url?id=id.mp3 以 src 赋予 Audio 即可播放

启动

npm run dev
npm run dev --rd=test

打包

npm run build

vite preview

npm run build
npm run serve

eslint tslint prettier 配置

最后选择直接用 AlloyTeam 的配置规范 参考 1 参考 2