1、第一步：新建一个vue工程，并在Terminal界面中输入命令npm i element-ui –S命令安装element-ui，如下图所示：
2、第二步：打开src目录中的main.js文件，在main.js文件中添加红色框中的代码内容，如下图所示：
3、第三步：在src目录中新建components文件夹，并在该文件夹中新建Menu.vue文竭惮蚕斗件，打开Menu.vue文件，在文件中添加红色框中的el-side的代码，这个是增加侧边栏的代码，如下图所示：
4、第四步：继续在Menu.vue文件中添加红色框中el-header的代码，这些代码是增加顶栏的，如下图所示：
5、第五步：打开src目录中的App.vue文件，在文件中添加Menu模块，即增加红色框内的代码，如下图所示：
6、第六步：在Terminal终端中运行npm run serve命令，运行成功后按照提示，在虼骧墁疱浏览器中输入地址，可以看到浏览器中出现侧栏和顶栏，则表示用element布局容器实现侧栏和顶栏成功，如下图所示：
