第一步:全局安装gulp和项目本地安装gulp
一步一步来, gulp必须先在终端全局安装,再到项目里安装。
打开cmd,输入npm install -g gulp(实际上安装的是gulp-cli)
结束后,输入gulp -v,提示gulp-cli版本号:3.9.1
第二步:给gulp配置环境变量
cmd输入:npm config get prefix,获取npm路径,复制。
因为我是Win10系统,Windows图标右键-系统-高级系统设置-环境变量,找到系统变量-path,点击编辑-新建,粘贴刚才复制的npm全局文件路径。
环境变量配置完成。
第三步:github下载工程包部署到本地,本地安装gulp
在github,pafmake地址下载安装包pdfmake-master,打开这个工程,在package.json中devDependencies下添加一项
"gulp": "^3.9.1",
注意这里一定要添加和全局相同的版本,不然很可能报错
我下载的pdfmake-master包的package.json中gulp的版本是"^4.0.0",自己更改为3.9.1版本了。
改好之后,项目下npm install。
项目下gulp -v,提示:
两个版本相同,很好很好。
第四步:添加微软雅黑.ttf
将网上下载好的微软雅黑.ttf粘贴到项目examples/fonts下。
第五步:将gulpfile.js还原为gulp3.X写法,生成新的vfs_fonts.js
执行命令gulp buildFonts。
报错啦,提示gulpfile.js文件里series有问题,百度一下发现series是gulp4才有的写法,将最后一行写法改一下,原来的写法是:
改成:
再次执行命令gulp buildFonts,此时打开vfs_fonts.js,发现微软雅黑已经在里面了。
将自己项目里pdfmake/build/vfs_fonts.js替换成这个新的vfs_fonts.js。
成功。