在vue-cli的组件模板里使用font-awesome的两种方法

yibawuqing

2018-09-28

关注关注

方法一：

npm install font-awesome

在main.js里添加import 'font-awesome/css/font-awesome.css'

方法二：

在官网下载代码到本地，现在应该是font-awesome-4.7，把整个文件夹放到static文件夹中，然后在index.html中加上<link

rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css" rel="external nofollow" >，应该就可以了。

使用方法：<i class="fa fa-home fa-lg"> 主页</i>

vue-cli font-awesome

yibawuqing

0 关注 0 粉丝 0 动态

关注关注

vue Cli 环境删除与重装教程 - 版本文档

vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令。　　　　dry: false, //设置为f

Macuroon 2020-09-11

第一个Vue页面

安装完后，打开cmd命令行界面。安装yarn(fackbook依赖管理工具与Npm功能一样，推荐使用！！！--- 是否安装vue路由 -->. --- 是否启动ESLint代码检测 -->. --- 是否设置单元测试 -->. --- 是

hline 2020-07-29

基于vue-cli搭建vue项目开发环境

vue-cli是vue的脚手架工具，用于快速搭建vue项目。让开发者只关心项目本身，而不去关注项目的开发环境。在安装vue-cli之前，我们先安装webpack，在命令行工具输入下面代码。，这里就默认你安装node.js. webpack-simple

不知道该写啥QAQ 2020-07-18

Vue2全家桶之一：vue-cli（vue脚手架）超详细教程

都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、

helloxiaoliang 2020-06-21

Jenkins自动部署VUE-CLI

# 复制文件cp -r D:\Jenkins\Jenkins\workspace\demo\dist\* D:\vue

xiaodaiwang 2020-06-11

Vue-cli webpack打包之后index.html缺少引号的问题

下面是通过webpack npm run build打包之后生成的index.html文件，可以看到缺少引号

不知道该写啥QAQ 2020-05-17

vue-cli4 + TS构建新项目

　　选择自己配置。　　(*) Babel // JavaScript 编译器，用于将 ECMAScript2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。　　(*) TypeScript

xiaofanguan 2020-05-11

手把手做一个基于vue-cli的组件库（上篇）

基于vue-cli4的ui组件库，先贴个最终效果吧，步骤有点多，准备分上下篇，上篇：如何做一个初步的组件。同级别创建packages目录，用来存放组件。现在的目录结构如下：。重新运行项目成功即可。// 把 packages 和 examples 加入编译，

HeliumLau 2020-05-03

基于vue-cli快速构建

Test是项目名称，这个名字自己随便取。Project name 项目名称，可以自己指定，也可直接回车，按照括号中默认名字，阮一峰老师博客为什么文件名要小写，可以参考一下。是否安装e2e测试，我选择安装

tozeroblog 2020-02-21

vue-cli配置，hello world 运行

你可以选默认的包含了基本的Babel+ESLint设置的preset，也可以选手动选择特性来选取需要的特性。TypeScript: javascript类型的超集。Progressive Web App Support: 支持渐进式的网页应用程序。　　v

webfullStack 2020-02-11

vue-cli（vue的脚手架搭建过程）

　vue-cli定义：是脚手架工具，作用就是用配置好的模板迅速搭建起一个项目，省去了自己配置webpack文件。　　　　3）安装淘宝镜像。安装完输入 cnpm -v，检查是否安装成功，之所以安装它，是为了安装速度，原本npm的服务器是外国的，速度会很慢。　

csm0 2020-01-12

Vue--Vue-CLI创建项目

在之前我们使用webpack进行打包的时候，webpack.config.js配置都是我们自己手写的。而Vue-CLI是官方提供的，用来搭建项目脚手架的工具，它是vue.js开发的标准工具，它已经集成了webpack，内置好了很多常用配置，使得我们在使用v

yezitoo 2020-01-11

搭建vue-cli项目和打包项目

vue-list 可以查看vue所有的组件；选用模板常用的是webpack与webpack-simple。webpack-simple是基于进行配置的版本，而webpack模板则是基于Webpack ^1.3.2配置的。其中，最大的区别是webpack-s

HeliumLau 2019-12-07

基于vue-cli的vs code设置

"editor.tabSize": 2,"javascript","javascriptreact","language": "vue",},"h

学知不足业精于勤 2019-11-30

搭建Vue从Vue-cli到router路由护卫的实现

别的不多说,开始动爪把,

Dickzeng 2019-11-14

vue-cli中配置webpack系列文章七 ------ webpack.prod.conf.js

// ExtractTextPlugin会将所有的「入口 chunk」中的 require 移动到独立分离的css文件。因此，样式不再内联到javascript里面，但会放到一个单独的css包文件当中。如果样式文件较大，这会更快，因为样式文件会跟java

心动 2019-11-17

vue-cli中配置webpack系列文章六 ------ webpack.dev.conf.js

// 在开发环境下生成cssSourceMap，便于调试。// 配置Source Maps 在开发中使用cheap-module-eval-source-map更快

王军强 2019-11-17

vue-cli中配置webpack系列文章五 ------ webpack.base.conf.js

var vueLoaderConfig = require('./vue-loader.conf'). },filename: '[name].js',},extensions: ['.js', '.vue', '.json'],},test: /\.vu

webfullStack 2019-11-17

vue-cli中配置webpack系列文章三 ------ utils.js

var ExtractTextPlugin = require('extract-text-webpack-plugin'). loader: 'css-loader',function generateLoaders (loader, loaderOpt

Macuroon 2019-11-17

vue-cli中配置webpack系列文章一 ------build.js

var ora = require('ora');var webpack = require('webpack');var path = require('path');var config = require('../config/index');var

彻底拆分一切可控 2019-11-17

安科网

在vue-cli的组件模板里使用font-awesome的两种方法

yibawuqing

yibawuqing

相关推荐

vue Cli 环境删除与重装教程 - 版本文档

第一个Vue页面

基于vue-cli搭建vue项目开发环境

Vue2全家桶之一：vue-cli（vue脚手架）超详细教程

Jenkins自动部署VUE-CLI

Vue-cli webpack打包之后index.html缺少引号的问题

vue-cli4 + TS构建新项目

手把手做一个基于vue-cli的组件库（上篇）

基于vue-cli快速构建

vue-cli配置，hello world 运行

vue-cli（vue的脚手架搭建过程）

Vue--Vue-CLI创建项目

搭建vue-cli项目和打包项目

基于vue-cli的vs code设置

搭建Vue从Vue-cli到router路由护卫的实现

vue-cli中配置webpack系列文章七 ------ webpack.prod.conf.js

vue-cli中配置webpack系列文章六 ------ webpack.dev.conf.js

vue-cli中配置webpack系列文章五 ------ webpack.base.conf.js

vue-cli中配置webpack系列文章三 ------ utils.js

vue-cli中配置webpack系列文章一 ------build.js

yibawuqing