- 博客(5)
- 收藏
- 关注
RSS订阅原创 教你学会html添加自定义字体，使用@font-face和免费字体网站
字体引入 字体视界是一个免费字体下载网站，商用需授权：https://www.17font.com/ 字客网：@font-face生成器：https://www.fontke.com/tool/fontface/ 可以直接生成css文件 下载字体后，将字体.ttf文件上传到@font-face生成器，如下图 生成好的zip解压，将里面的文件复制到vue项目中 自己建立的字体文件夹 中 在main.js中引用字体的css文件 //引用的自己下载的字体 import "./assets/fonts/
2020-12-06 21:16:46
2928
原创 vue整合jQuery和bootstrap，实现官网效果，实现Glyphicon Halflings 的字体图标
引入jQuery 因为bootstrap里面有很多动态效果是基于jquery实现的，为了能完整显示效果以及后续开发的方便，在引入bootstrap之前先将jquery引入 首先在打开的vue项目控制台中，安装jquery npm install jquery --save-dev 在build文件夹下的webpack.base.conf.js文件添加如下代码 : 在module.exports上面添加： var webpack = require("webpack") 在module.expor
2020-12-06 20:35:37
503
原创 利用vue-cli4构建一个webpack项目
利用vue-cli4构建一个webpack项目 执行 vue create demo ，构建项目，demo就是项目的名称，如果想使用vue/cli2的命令，需要配置连接桥，添加如下配置就可以 npm i -g @vue/cli-init 问答模式开启，下面是注意的点： 确认项目名称，注意不能是大写字母开头 Project name demo 是否使用官方路由，一般都会用到 Install vue-router? Yes 选择代码规范，这个可以选没有后续自己配置 Use ESLin
2020-12-06 15:03:47
343
原创 Webpack安装方式、webpack-dev-server、html-webpack-plugin、各种loader、Babel、vue如何使用
Webpack起步 为什么使用webpack 1.网页引用的静态资源（JS,CSS,Images，字体文件，模板文件）多了以后会发起很多的二次请求 2.要处理错综复杂的依赖关系 什么是webpack 基于前端的一个项目构建工具，是基于Node.js的一个前端工具，可以对项目进行合并、压缩、精灵图、图片的Base64编码 webpack两种安装方式 运行npm i webpack -g全局使用webpack命令 项目目录 在终端中输入npm init -y生成package.json配置文件 node_m
2020-12-06 14:50:27
204
原创 完整创建vue/cli4运行环境，vue/cli2、3、4的使用区别以及连接桥
配置全局vue/cli4环境 安装node，我的版本号为 v12.18.3 安装npm，我的版本号为 v6.14.9 安装cnpm，可装可不装，安装包下载速度比较快而已 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完查看版本号：cnpm -v，如果出现以下类似信息，则安装成功： cnpm@6.1.1 (C:\***\Roaming\npm\node_modules\cnpm\lib\parse_argv.js
2020-12-06 14:43:18
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人