/NeteaseCloudMusic

A music Web application imitating NetEase Cloud

Primary LanguageTypeScript

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

页面展示

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