从零开始搭建一个项目

1.router目录 -> index.ts 改造 因为需要添加守卫所以需要路由的实例 给他赋个值就可以了 然后去写 beforeEach(注： next()必须得调用否则路由无法跳转) 2.获取当前

1.安装 pinia 2.初始化 pinia src -> 新建 store目录 -> index.ts 3.在main里调用这个函数把app传进去注册就好 4.store -> 新建 modules

1.views -> 新建文件 auth目录(标识权限) auth -> Login.vue 和 auth -> Register.vue 然后在路由里注册两个页面 2.编写注册页面 3.编写登陆页面

1.引入 useRoute() 可以看到刷新就处于高亮状态 2.启用 el-menu的 vue-router 模式 3.可以看到点击顶部菜单url地址栏的路由也跟着变化了

1.抽离理由成json文件 2.src -> 新建utils目录 -> routerUtil.ts (动态添加路由) 3.将路由放进layout子路由里 4.改造Layout顶部导航栏 使用map将l

1.添加ui库menu菜单组件 ---> 简化前 ---> 引入简化后 2.打开浏览器然后使用f12的元素选择会发现它并没有占满一行 ---> 会发现 它被设置了padding我们要去除他 3.这样就

1.安装ui框架 2.引入ui框架 main.ts下面 添加 element-plus的初始化配置 3.在Layout布局页面使用容器组件 4.引入scss的css预编译处理器 5.初始化Layout

1.安装路由 2.创建 router 目录以及 views (存放页面级别路由的目录) 3.初始化路由配置并导出 4.注册路由（我是使用了一个函数的形式启动它） 5.给App.vue添加 Router

1.创建vite + vue-ts项目 2.安装依赖 3.初始化项目,设置css默认的样式 如图 4.删除默认的App.vue里面的代码以及删除HelloWorld.vue 如图 5.运行项目 如图