vue中使用引用font-awesome字体图标fontawesome 简单方法

看见网上相关文档都需要安装好多依赖，有点麻烦，其实只需要安装一个font-awesome就行第一步安装依赖cnpm install font-awesome --save或者npm install font-awesome --save个人倾向于前者，因为真快啊第二步引入依赖样式文件在main.js文件中引入//引入font-awesomeimport ...

Chris__Wang

4734人浏览 · 2019-05-06 11:42:16

Chris__Wang · 2019-05-06 11:42:16 发布

看见网上相关文档都需要安装好多依赖，有点麻烦，其实只需要安装一个font-awesome就行

第一步安装依赖

cnpm install font-awesome --save

或者

npm install font-awesome --save

个人倾向于前者，因为真快啊

第二步引入依赖样式文件在main.js文件中引入

//引入font-awesome
import 'font-awesome/css/font-awesome.css';

第三步使用

<i class="fa fa-address-book-o" aria-hidden="true"></i>

完成

是不是很简单，【给个赞，谢谢】

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^