【本节目标】：引入elementUI 美化
【依赖技术】：ElementUI
废多看崩，这就开始：
首先我们先来理解，elementui 是什么？
它是一个前端样式框架 。它并不唯一 ， 各种漂亮的前端样式框架很多。
如果没有这些前端样式框架，我们一样可以动手硬写css来达到效果，但是显然那样做会很麻烦，而且学习门槛很高。如果手不行的话，还不如直接田勇样式框架。
它用起来是怎样的呢？
比如，我们想做一个输入框，那么只需要在dom层写个input标签即可：
代码语言：javascript复制<input type="text" placeholder="请输入内容">效果如下：
看着很难看，但是如果引入elementUI，那么输入框就可以长这样了：
<el-input placeholder="请输入内容"></el-input>
从整体风格上看，elementui显然更简洁明了，而且使用也方便，只需要给input标签，改成el-input标签即可。其他属性基本一致。
不过，在使用elementui之前，我们需要先在我们的vue-cli前端项目中导入它。
导入过程：
1. 首先在v_project 项目根目录下执行命令：npm i element-ui -S
npm下载需要一小会时间，请耐心等待，实在不行可以换成cnpm。
2. 在main.js中引入elementUI，这个做法相当于全局生效，所有的vue组件都可以直接用elementUI 的元素了
3. 在我们的主页上写一个elementUI的输入框看看：(下面的是elementui的输入框，上面的是原生的做对比用)
效果如下：
到此，证明我们引入成功了，所以可以删掉这俩个测试用的输入框了，然后来思考我们的首页工具列表怎么设计了。
我的初步计划是，做个左侧的菜单，右侧是首页的工具列表。
具体实现欢迎追更下一节
