03、了解后台基本构造

1、了解后台基本构造

在开始搭建后台之前我们需要先了解一个正常运行的后台都包含那些内容由哪些东西构成

1、参考 vue-admin-template

vue-admin-template 是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。在线连接

04、搭建 Layout

1、了解 Layout

对于上一章节的页面划分了解，在行业中有一种通俗的叫法，叫 Layout 布局，因为我们切换页面的时候只有主要内容区切换了，并不是整个页面刷新，这里需要注意。

2、Layout

1、搭建 Layout 在 src 目录下新建 Layout 文件夹

2、在 Layout 文件夹中新建 index.vue、Menu 文件夹和 index.vue、Header 文件夹和 index.vue

02、创建项目安装依赖

1、检查 node 版本号不能太低

v16.18.0

2、创建 vue3 项目

因为我是使用 vite 创建的所以后面教程主要针对 vite，webpack 同理

打开cmd输入 pnpm create vite  其他步骤按照图中所示