第七章 项目布局实现（7.1）——布局路由配置

第七章 项目布局实现

前面，我们主要整合各种工具，从本章开始进入正式开发。

前端布局采用后台管理系统常用的左、右布局，分别为： 左侧菜单区域，右侧头部导航、右侧主区域

7.1 布局路由配置

1. 删除测试文件

   • 删除 src/assets/icons/custom 所有图标；
   • 删除 src/components 所有组件；
   • 删除 src/stores/counter.ts。

2. 在 src 目录下新建 layout 目录，用于存放项目的布局组件

3. 在 src/layout 目录下，创建布局根组件 index.vue，组件内容如下：

   <!-- eslint-disable vue/multi-word-component-names -->
   <script setup lang="ts"></script>
   
   <template>
     <div>布局组件</div>
   </tem