在vs code 学习下载与使用element-ui

参考：https://blog.csdn.net/firestarwolf/article/details/87813507?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3 && https://blog.csdn.net/weixin_41883384/article/details/79872652

中文官方文档看起来就很舒服
了解过一点bootstrap,希望接下来学习可以顺畅！

1.安装
在vscode里打开建好的vue文件夹，在终端输入npm install element-ui -S，再查看配置文件package.json，是否有element-ui组件的版本号，过程如下图示：

2. 在main.js文件中 引入 element 组件，如图 ：

  import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'

    Vue.use(ElementUI)

3.为验证是否安装成功，是否可以正常使用element-ui，现使用案例测试：
在App.vue中添加element标签

<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

然后在终端输入npm install,再输入npm run dev,打开网页：

安装成功！