hiprint-官网vue完整版本+实现客户端配置+可实现直接打印(在html版本增加了条形码、二维码拖拽等)

一、项目搭建

1、官网提供

https://github.com/CcSimple/vue-plugin-hiprint

https://gitee.com/seagit/vue-plugin-hiprint

2、下载指引

进入项目官网，下载zip压缩包

3、解压文件、导入编辑器

二、运行vue项目

这里以vscode为例，使用nodejs、npm安装(没有环境先安装npm安装环境，网上很多)

1、开启终端

2、启用vue服务

这里以vscode为例，使用nodejs、npm安装(没有环境先安装npm安装环境，网上很多)

# 全局安装 Vue CLI（如果未安装）
npm install -g @vue/cli

# 启动开发服务器
npm run serve

3、开启页面

(1)执行命令获取本地路径

(2)进入页面

三、解决直接打印问题-需安装客户端

如果未下载客户端，这无法进行直接打印

1、下载路径

静默打印参考路径

https://github.com/CcSimple/electron-hiprint/tree/master/res

https://gitee.com/CcSimple/electron-hiprint/releases

2、下载执行

进入下载路径，找到下载包，可直接下载exe文件

下载后，点击进行安装

3、客户端打印配置

(1)进入客户端

(2)设置客户端信息

根据需要进行配置

设置默认打印机

(3)代码中可查看连接配置

客户端的端口需与代码保持一致(其实不用配置，一般都是一致的)

四、打印测试

当配置完客户端，便能静默打印了