- 博客(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
3028
原创 vue整合jQuery和bootstrap，实现官网效果，实现Glyphicon Halflings 的字体图标
引入jQuery因为bootstrap里面有很多动态效果是基于jquery实现的，为了能完整显示效果以及后续开发的方便，在引入bootstrap之前先将jquery引入首先在打开的vue项目控制台中，安装jquerynpm install jquery --save-dev在build文件夹下的webpack.base.conf.js文件添加如下代码 :在module.exports上面添加：var webpack = require("webpack")在module.expor
2020-12-06 20:35:37
525
原创 利用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
353
原创 Webpack安装方式、webpack-dev-server、html-webpack-plugin、各种loader、Babel、vue如何使用
Webpack起步为什么使用webpack1.网页引用的静态资源（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
215
原创 完整创建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
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人