参考:https://blog.youkuaiyun.com/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.youkuaiyun.com/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
,打开网页:
安装成功!