一、web前端技术选型
1.Vue 3：主流前端框架
2.Vue-CLI脚手架：快速启动项目(相对轻量，整合了一些前端项目开发常用的工具，并且可以按需选取)
3.Ant Design 组件库：快速开发 UI 前端界面
4.Axios 请求库：向后端发送请求
5.Pinia状态管理：维护前端全局数据(需要共享的)，存储到公共的状态管理库中管理
6.前端工程化：ESLint（校验js代码规范）+Prettier（美化代码） +TypeScript（增加类型限制），保证前端项目开发规范
二、web前端vue项目初始化（搭好壳子）
打造建议的前端开发项目模板
1.工程化配置
激活插件
2.引入组件库Ant Design Vue
vue项目全局入口：main.ts(项目初始化时的动作：比如引入组件库……)
3.vue(javascript框架)项目开发规范
- 选项式api：直观、不灵活
- 组合式api：加上setup，就可以用js语法编写（建议） vue页面：html、js、css(样式美化)组合一起
- 组件库不用常换，掌握一个即可
4.写前端项目模板_全局通用布局
导航栏、中间栏、底部栏一致
统一把布局文件放到layouts(src下)目录中
右键new可以快速创建vue component组件
建议每个页面外层套框div
在启动时会加载的页面(根页面)引入全局通用布局,如App.vue
引入子件时可以用全大写也可以basic-layout
打开到新网站：target="_blank"
怎么让自己的布局随着路由加载动态替换，用router-view组件
建议把导航栏定义为独立组件(因为复杂)
每个页面给一个唯一的classname，导航栏也给
路由router：所有能跳转的页面都在里面
刷新回到current页面const current = ref<string[]>(["mail"]);用router调用afterEach函数
有没有更好的方式来配置路由和菜单项？
