近几天，我给音乐播放器加上了搜索功能，效果如截图所示。
这里使用了vue3 setup的语法，tailwind css实现了页面样式。vue3 + tailwindcss + vite的搭配，开发起来会比较流畅。推荐学习tailwindcss，照着官网文档和官网的教学视频就可以了。
比较麻烦是去截mac上网易云音乐的图，切图，量宽高边距这些。另外，去整理相关接口和写类型定义也比较费时费力。
但总体来说，持续地做仿网易云音乐播放器的开源项目，我也学到和实践了不少东西，有兴趣的同学可以参与进来或者自己试一试。这是我实际部署上线的第一个使用vue3的项目，第一次在项目里使用了vite（没错，它真的很快），第一次通过netlify部署（提交到GitHub后自动部署），第一次在项目里面使用tailwindcss（也是过程中学的），第一次发布开源项目，第一次好好写readme文档，第一次了解开源协议。
没错，在这个项目里我有很多的尝试，甚至还有很多东西还没尝试，例如：第一次引入单元测试，第一次引入组件测试（可能不会引入）、第一次引入ci工具边写ci脚本、第一次使用nuxt.js（等到nuxt.js3发布再安排）。
或许，我还可以使用electron来把web版的代码生成一个mac上可用的桌面版，顺便学习electron。反正，我觉得维护这个项目和持续维护这个项目能让我学习和实践很多我感兴趣的技术，这或许就是我做这个开源项目的目的和动力。
说了那么多，我也希望能得到同学们的赞赏，感兴趣的可以通过下面的链接访问，欢迎star欢迎fork欢迎提issue欢迎参与进来![[奋斗]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
GitHub地址：
github.com
在线访问地址：music-player.immortalboy.cn
这里使用了vue3 setup的语法，tailwind css实现了页面样式。vue3 + tailwindcss + vite的搭配，开发起来会比较流畅。推荐学习tailwindcss，照着官网文档和官网的教学视频就可以了。
比较麻烦是去截mac上网易云音乐的图，切图，量宽高边距这些。另外，去整理相关接口和写类型定义也比较费时费力。
但总体来说，持续地做仿网易云音乐播放器的开源项目，我也学到和实践了不少东西，有兴趣的同学可以参与进来或者自己试一试。这是我实际部署上线的第一个使用vue3的项目，第一次在项目里使用了vite（没错，它真的很快），第一次通过netlify部署（提交到GitHub后自动部署），第一次在项目里面使用tailwindcss（也是过程中学的），第一次发布开源项目，第一次好好写readme文档，第一次了解开源协议。
没错，在这个项目里我有很多的尝试，甚至还有很多东西还没尝试，例如：第一次引入单元测试，第一次引入组件测试（可能不会引入）、第一次引入ci工具边写ci脚本、第一次使用nuxt.js（等到nuxt.js3发布再安排）。
或许，我还可以使用electron来把web版的代码生成一个mac上可用的桌面版，顺便学习electron。反正，我觉得维护这个项目和持续维护这个项目能让我学习和实践很多我感兴趣的技术，这或许就是我做这个开源项目的目的和动力。
说了那么多，我也希望能得到同学们的赞赏，感兴趣的可以通过下面的链接访问，欢迎star欢迎fork欢迎提issue欢迎参与进来
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
GitHub地址：
github.com在线访问地址：
music-player.immortalboy.cn
展开
5
7