shengguo / musicapp

仿写网易云音乐🎵Demo项目,技术栈为 Vue 3.0 + Vue-Router 4.0 + Vuex 4.0

Home Page:https://musicapp-phi.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

如何开始

  • 克隆本项目到本地 git clone git@github.com:FeyeW/musicapp.git

  • 后台API地址(再次感谢强大后端开源API🎉) GitHub指路🙋

  • 运行 npm run dev

项目简介

  • 项目结构
├─ src
    ├─api                   // 网路请求代码
    ├─assets                // 字体配置及全局样式
    ├─style                 // 公共样式
    ├─components            // 可复用的 UI 组件
    ├─utils                 // 工具类函数和相关配置
    ├─views                 // 页面
    ├─router                // 路由配置文件
    └─store                 // redux 相关文件
      App.jsx               // 根组件
      main.jsx              // 入口文件
  • 项目效果
    效果连接🙋
  • 项目总结 这个Demo是自己手把手撸出来的,算是比较粗糙,比如说代码规划还有代码风格可能不太好;功能也不是很全,还有比如Home页面中可以多个类似的组件可以做利用插槽进行代码优化,如果后面有时间的话可能会一点点去完善,毕竟学习不会止步。💪💪

About

仿写网易云音乐🎵Demo项目,技术栈为 Vue 3.0 + Vue-Router 4.0 + Vuex 4.0

https://musicapp-phi.vercel.app


Languages

Language:Vue 51.0%Language:HTML 30.0%Language:CSS 11.1%Language:JavaScript 6.1%Language:TypeScript 1.6%Language:Less 0.1%