0.传送门

https://music-player-three-delta.vercel.app/

1. 最原始版本

位于 musicPlayer-js 目录下

使用原汁原味的 html + css + js

2. React优化版本

位于 musicPlayer-react 目录下

使用 React (Next) + Less， 同时将原先在前端写死的歌曲列表优化为通过接口获取，接口方法写在 src/pages/api/queryMusic.ts，歌曲列表作为资源存储在 public/db 中

启动方式

npm i
npm run dev

3. Vue版本

位于 musicPlayer-vue 目录下

使用 Vue2 (vite) + Less

卧槽 一年多没写vue了 再见已是陌生人

启动方式

npm i
npm run dev

4. 最后

有疑问欢迎qq群讨论：817826310

如果对您有收获的话，那就是我最大的快乐

当然也可以请我喝杯coffee～ 我最喜欢喝生椰拿铁