最终项目地址
此博客是想着一步一步实现一个后台管理框架，有经验的可以直接查看最终项目代码。想一步一步学习的，跟着博客一步一步走比较容易吸收。
序言
这段时间学习了typescript以及Vue3,以及setup预防，
学而不思则罔，学了就要用，怎么用，写项目，写一个长期维护的项目，很难从零开始，甚至一个一个输入框，以及下拉框组件，这个时候我们需要选一个自己喜欢的组件库，来帮我们解决一些重复繁杂的事情，这里我选择了
为什么不用ElementUI，以及NativeUi 等国内生态良好的组件库？
答：个人喜好，选择Quasar的原因，Quasar不仅包含了组件，更包含了一个功能完善的Vue开发环境框架。类似于Java的springboot，开箱即用，无任何心智负担。
所用技术：
- Vue全家桶(Router,Pinia,Axios…)没特别说明Vue版本，默认为最新版本
- TypeScript
功能清单：
- 侧边动态菜单
- 面包屑
- Tab页
- 主页布局
- 页面缓存
- 切换页面动画
后台管理框架的基础功能，大致如上，还可以有很多功能，比如主题，布局，以及屏幕保护功能等等，但这些属于是井上添花的功能，不属于后台管理框架的核心。
这些功能不难实现，后台管理框架层出不穷，只要是个后台管理框架基本都有与之对应的功能，比如大名鼎鼎的若依，不可否认它的流行度，推广度，但你要吹技术，真没啥好吹的。因为再写一个也不难，只是没有必要去写，重复造轮子，有利有弊，好处是加深自己对轮子的理解，从开发思路去看代码，和直接看代码看到的东西不一样，直接看代码，直呼666，但也只能呼666了。自己写过类似，看了会想，原来用了这种方式实现，并在大脑里想下这种实现方式的优劣以及限制。
开始的准备
- 最新版本的Node，以及npm
- 安装quasar cli，安装命令
npm install -g @quasar/cli
执行命令过后无报错即说明成功。不会安装Node，npm，以及设置npm镜像的，自己另行通过搜索引擎解决。
学习之前
1, 电脑上最好安装一个Git，用来同步代码，重点了解Git的clone，commit，push，pull，branches，重点学习如何拉取以及切换分支的操作，
问：为什么要重点了解GIt工具的操作？
答：因为教程一篇教程可能对应一个分支，不同分支的代码进度不一致，一上来直接看最终代码，可能会有点心智负担。
2, 安装VsCode，用来作为开发项目的IDE，核心依赖Vue.volar安装一下即可开发。
3, 熟读Vue全家桶文档，熟读Quasar文档，我认为只要熟读文档，就能掌握一个技术。没掌握那就是不熟文档。要知道，大部分三方解释，都是基于文档的，三方解释易懂，但不全也不详细，还有可能已经失效，索性我一般会直接去看文档，过于抽象的文档，我会单独搜索查看。记住，磨刀不误砍柴工，读文档就是磨刀。
4, 假设你在前端基础Html，Css,JavaScript之上会TypeScript，Vue，了解Node，Npm，WebPack概念，会基础的Git操作，没有这些基础的话，跟着学习的话会有一点吃力。
下一篇将正式进入后台管理框架的学习
本文采用 署名-非商业性使用-相同方式共享 4.0 国际 许可协议，转载请注明出处。
