NeteaseCloudMusic 网易云音乐WebApp 开发

仿网易云客户端的在线WebAPP

• 作者: 薛定谔的猫猫虫 😎
• 技术栈: React+TypeScript+Vite+TailwindCSS ✨
• 描述🔧:前端无组件库，独立封装自定义组件。后端采用github开源项目--NeteaseCloudMusicApi，提供api服务
  
• 在线演示地址: https://www.bilibili.com/video/BV1LT4y1D7gv

启动项目

• 克隆或者下载本项目到本地
• 控制台运行 yarn install 安装依赖
• 等待依赖安装完成，运行命令yarn dev 启动项目
• 启动成功之后，地址栏输入url访问应用 http://localhost:3001/app

注意事项

• 本仓库代码只是项目的前台界面部分，还另需外的后台api服务搭配使用，这里使用的开源项目NeteaseCloudMusicApi，请访问仓库地址然后自行clone或者下载到本地安装运行。
  后台仓库地址：https://github.com/Binaryify/NeteaseCloudMusicApi
• 访问页面只出现黑色背景时，请检查地址栏路径，完整的路径 http://localhost:3001/app

页面展示

• 首页推荐:
  
• 歌单页:
  
• 排行榜:
  
• 歌手页:
  
• 最新音乐：
  
• 侧边栏:
  
• 播放歌曲、歌词显示:
• 搜索: