链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

vue-netease-music:高仿网易云mac客户端播放器(PC)

vue-netease-music是一个基于Vue2、Vue - CLI3的高仿网易云mac客户端播放器(PC)项目。它的诞生是因为前端开发者觉得自己没做一个音乐播放器是个遗憾,且PC端Web版网易云简陋,社区仿PC客户端的网易云少见。它采用Vue全家桶,运用ElementUI魔...

访问官网 →

【Github】项目名:vue-netease-music:高仿网易云mac客户端播放器(PC)

项目简介

这是一个基于Vue2、Vue – CLI3的项目,是高仿网易云mac客户端播放器(PC)的OnlineMusicPlayer。它的诞生源于前端开发者觉得自己没有撸一个音乐播放器是个遗憾,并且PC端Web版网易云音乐简陋,社区仿PC客户端的网易云也不多见,所以开发者用Vue全家桶模仿mac客户端的UI实现了这个播放器。

项目核心技术

  • 采用Vue全家桶,通过Vue – CLI3初始化生成。
  • 使用ElementUI并对样式进行了魔改。
  • 歌词滚动部分使用better – scroll(黄轶老大的成果)。
  • 运用CSSVariables实现主题换肤。
  • 采用ESNext(JavaScript语言的下一代标准)。
  • 使用Sass(CSS预处理器)。
  • 利用postcss – pxtorem自动处理rem。
  • 采用workbox – webpack – plugin(谷歌开发的利用ServiceWorker实现页面预缓存的插件)。

项目总结

这个vue – netease – music项目是一个功能较为丰富的高仿网易云mac客户端的音乐播放器。它运用了多种前端技术,为用户提供了如播放、搜索、主题换肤、登录(网易云uid登录)等功能。欢迎大家对这个项目提出意见,也期待大家的留言参与讨论。

项目地址

GitHub链接直达