<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[AnMuMuPrincess的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/AnMuMuPrincess</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; AnMuMuPrincess]]></copyright><item><title><![CDATA[教你学会html添加自定义字体，使用@font-face和免费字体网站]]></title><link>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110767918</link><guid>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110767918</guid><author>AnMuMuPrincess</author><pubDate>Sun, 06 Dec 2020 21:16:46 +0800</pubDate><description><![CDATA[字体引入

字体视界是一个免费字体下载网站，商用需授权：https://www.17font.com/
字客网：@font-face生成器：https://www.fontke.com/tool/fontface/   可以直接生成css文件

下载字体后，将字体.ttf文件上传到@font-face生成器，如下图

生成好的zip解压，将里面的文件复制到vue项目中 自己建立的字体文件夹 中

在main.js中引用字体的css文件
//引用的自己下载的字体
import "./assets/fonts/]]></description><category></category></item><item><title><![CDATA[vue整合jQuery和bootstrap，实现官网效果，实现Glyphicon Halflings 的字体图标]]></title><link>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110760557</link><guid>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110760557</guid><author>AnMuMuPrincess</author><pubDate>Sun, 06 Dec 2020 20:35:37 +0800</pubDate><description><![CDATA[引入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]]></description><category></category></item><item><title><![CDATA[利用vue-cli4构建一个webpack项目]]></title><link>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110736150</link><guid>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110736150</guid><author>AnMuMuPrincess</author><pubDate>Sun, 06 Dec 2020 15:03:47 +0800</pubDate><description><![CDATA[利用vue-cli4构建一个webpack项目


执行
vue create demo

，构建项目，demo就是项目的名称，如果想使用vue/cli2的命令，需要配置连接桥，添加如下配置就可以
npm i -g @vue/cli-init



问答模式开启，下面是注意的点：


确认项目名称，注意不能是大写字母开头
Project name demo



是否使用官方路由，一般都会用到
Install vue-router? Yes



选择代码规范，这个可以选没有后续自己配置
Use ESLin]]></description><category></category></item><item><title><![CDATA[Webpack安装方式、webpack-dev-server、html-webpack-plugin、各种loader、Babel、vue如何使用]]></title><link>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110734718</link><guid>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110734718</guid><author>AnMuMuPrincess</author><pubDate>Sun, 06 Dec 2020 14:50:27 +0800</pubDate><description><![CDATA[Webpack起步
为什么使用webpack
1.网页引用的静态资源（JS,CSS,Images，字体文件，模板文件）多了以后会发起很多的二次请求
2.要处理错综复杂的依赖关系
什么是webpack
基于前端的一个项目构建工具，是基于Node.js的一个前端工具，可以对项目进行合并、压缩、精灵图、图片的Base64编码
webpack两种安装方式
运行npm i webpack -g全局使用webpack命令
项目目录
在终端中输入npm init -y生成package.json配置文件


node_m]]></description><category></category></item><item><title><![CDATA[完整创建vue/cli4运行环境，vue/cli2、3、4的使用区别以及连接桥]]></title><link>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110734557</link><guid>https://blog.youkuaiyun.com/AnMuMuPrincess/article/details/110734557</guid><author>AnMuMuPrincess</author><pubDate>Sun, 06 Dec 2020 14:43:18 +0800</pubDate><description><![CDATA[配置全局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]]></description><category></category></item></channel></rss>