本文介绍了如何在Vue.js项目中安装和使用Element-UI及第三方图标库Font-Awesome。首先通过npm安装element-ui，并展示了组件的引入和注册过程。接着，同样通过npm安装font-awesome，然后说明如何查找并使用图标，包括调整图标大小的方法。为解决Vue2模板中不能直接放置多个组件的问题，建议将图标放入div容器内。
element-ui的安装
终端 ctrl+c 输入Y ，回车终止项目
npm install element-ui 安装
可以看见自动添加了相关依赖
下载的组件都被放在了node_modules下面
element-ui组件使用
引入
把要使用的控件的代码粘贴下来
导入注册就能够使用了
有点小丑哈哈
font-awesome的安装
npm install font-awesome
导入
import 'font-awesome/css/font-awesome.min.css'
font-awesome的使用
在官方文档中找到图标库
选一个心仪的图标，复制源码直接使用
还可以调整大小【相对于容器】
由于vue2的template【模板】中不允许直接放多个组件，可以用把它们放进div中避免这个问题
效果
开始瞎搞
扫一扫
7706
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
