1. 安装 TSC 驱动
在本机电脑安装 TSC 条形码打印机的相关驱动，[点击下载]，解压后，双击应用程序安装，如图：
2. 安装 C-Lodop 打印控件
点击下载，安装成功后，在浏览器中打开http://localhost:8000/，如果成功看到下图所示内容，则表示安装成功：
3. 在项目集成Clodop
3.1. 获取C-Lodop 脚本源码
如果 C-Lodop 打印控件安装成功，则在浏览器中打开地址 http://localhost:8000/CLodopfuncs.js，即可获取集成 C-Lodop 所需的核心 js 代码
3.2. 新建CLodopfuncs.js
在 vue 项目中新建一个 CLodopfuncs.js，将 3.1 步骤中的 js 代码粘贴进去，中一定要暴漏 getCLodop 函数，方便我们在 3.3 步骤中使用，如图：
3.3. 新建承载预览&打印的 vue 文件
在 vue 项目中新建一个 vue 文件，页面内容为空，如图模板中只有一个空的 div 标签，我们使用在 3.2 步骤所暴露的 getCLodop 来封装一个打印方法 toPrint() ，在需要预览或者打印的时候调用 toPrint() ，代码片段如下：
<template> <div/></template><script>import { getCLodop } from '@/utils/CLodopfuncs'export default { props: {}, data() { return {} }, mounted() { }, methods: { toPrint(data) { // 初始化打印 const LODOP = getCLodop() if (!LODOP) { alert('未检测到 Lodop 打印控件，请确保已正确安装！') return } const ip = '172.16.6.109' // 本机ip LODOP.PRINT_INIT(null, ip) // 打印机设置，这里可以根据实际需求调整 LODOP.SET_PRINT_PAGESIZE(1, '70mm', '50mm', '') LODOP.SET_PRINT_STYLE('FontSize', 11) LODOP.ADD_PRINT_BARCODE(25, 10, 140, 60, '128B', data.headAndTailKitInfo) // Top,Left,Width,Height, 条码的类型,值 LODOP.SET_PRINT_STYLEA(0, 'ShowBarText', 0) // 是否显示下方文字 // 添加自定义的文字 LODOP.ADD_PRINT_TEXT(27, 125, 150, 20, data.boardSn) LODOP.ADD_PRINT_TEXT(47, 125, 150, 20, data.headAndTailKitInfo) LODOP.ADD_PRINT_TEXT(68, 125, 150, 20, data.headAndTailContactInfo, 'fontsize=8') // LODOP.SET_PRINT_STYLEA(0, "FontSize", 10); // 设置刚刚添加的文本（索引为0）的字体大小 // LODOP.PREVIEW() LODOP.PRINT() } }}</script>API 说明：
-
LODOP.PREVIEW() 表示预览
-
LODOP.PREVIEW() 表示打印
4. 连接TSC条形码打印机
本机电脑连接物理打印机（TSC条形码打印机），然后当调用 3.3 步骤中的 toPrint() 时，则可以打印出条形码
5. 设置默认打印机
在电脑上设置下默认打印机，否则可能识别不到，打印不出来
