持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第8天，点击查看活动详情
上一篇文章中我们将vue3后台管理项目初始化完成了，接下来将进行页面的创建，删除不必要的页面和Element-plus的引入了
- 首先我们需要将companies里面的两个组件删除，然后将App.vue文件里面删除干净，留个router-view路由，然后里面的style样式也全删除，给全局的内外边距都赋为0，代码如下图所示：
element-plus的引入
- element-plus官网：element-plus.gitee.io/zh-CN/#jsde…
- 进入后点击快速上手，我们可以使用yarn的方式来安装element-plus，在vscode里面新建终端，输入：
yarn add element-plus
- 然后在main.js入口文件里面import引入ElementPlus以及它的css样式，这里可以选择全局引用或者局部引用，我为了方便就选择了全局引用，代码如下所示：
- 引入成功之后我们就可以在package.json文件里面看到element-plus的版本号
使用element-plus的Container布局容器组件
- 我们项目的主要样式由Header，Aside,Main三个部分组成，所以我们需要使用布局容器，使用如下所示的组件：
- 我们在src目录下面新建一个Main.vue主页面，将上述组件的代码复制粘贴到这个页面中，然后就可以在页面上看到Header，Aside,Main三个的基础布局了，我们需要使用组件化开发来将这三个页面填充完整。
- 在companies组件文件夹中新建CommonAside.vue以及CommonHeader.vue文件，然后引入到Main.vue文件中。
