【音乐App】—— Vue-music 项目学习笔记:项目准备

这篇博客记录了学习Vue高级实战课程后制作音乐App的项目准备,包括项目目标、前端和后端技术栈的选择,如Vue、vue-router、vuex等。博主还介绍了项目目录结构、样式文件、依赖安装、页面入口和header组件的编写,以及路由配置和顶部导航栏组件的开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【音乐App】—— Vue-music 项目学习笔记:项目准备

前言: 学习慕课网Vue高级实战课程后,在实践中总结一些这个项目带给自己的收获,希望可以再次巩固关于Vue开发的知识。这一篇主要梳理:项目概况、项目准备、页面骨架搭建。项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。


一、项目概况

 

       项目目标: 开发一个媲美原生的移动端音乐App

主页面 用户个人中心
播放器 播放列表

 

      前端技术栈: 

  • Vue:用于构建用户界面的 MVVM 框架。它的核心是响应的数据绑定和组系统件
  • vue-router:为单页面应用提供的路由系统,项目上线前使用了 Lazy Loading Routes 技术来实现异步加载优化性能
  • vuex:Vue 集中状态管理,在多个组件共享某些状态时非常便捷
  • vue-lazyload:第三方图片懒加载库,优化页面加载速度
  • better-scroll:iscroll 的优化版,使移动端滑动体验更加流畅
  • stylus:css 预编译处理器
  • ES6:ECMAScript 新一代语法,模块化、解构赋值、Promise、Class 等方法非常好用

      后端技术栈:

  • Node.js:利用 Expr
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值