@tsc-printer/tsc-printer vue 打印机联调

`@tsc-printer/tsc-printer` 是一款专为 Vue.js 环境设计的插件或包，用于简化 TCP/IP 联动 TTP 系列打印机的过程。它通常提供了一种更高级的方式来集成打印机功能，而不是手动处理WebSocket或Socket.IO。

使用此插件，您可以按以下步骤进行联调：

1. **安装插件**:
在您的Vue项目中安装 `@tsc-printer/tsc-printer`：

   npm install @tsc-printer/tsc-printer
   # 或者使用yarn
   yarn add @tsc-printer/tsc-printer

2. **配置插件**:
在main.js或Vuex store中初始化打印机模块，并配置打印机的相关信息：

   import TscPrinter from '@tsc-printer/tsc-printer'
   import { createPrinterInstance } from '@/store/printers'

   created() {
     createPrinterInstance({
       printerIp: '打印机IP地址',
       port: 打印机端口号,
     })
   }

   // 或者在store中
   import { createStore } from 'vuex'
   import printerModule from '@/modules/printers'

   createStore({
     modules: {
       printers: printerModule,
     },
   })

3. **调用打印函数**:
在需要打印的地方，调用`TscPrinter`提供的打印方法：

   import { print } from '@tsc-printer/tsc-printer'

   export default {
     methods: {
       async printContent(content) {
         try {
           await print(content)
           // 打印成功后的处理...
         } catch (error) {
           console.error('打印失败', error)
           // 错误处理...
         }
       },
     },
   }

4. **模板中触发打印**:
在组件内可以绑定`printContent`方法，例如按钮点击事件：

   <button @click="printContent('这是一条打印内容')">打印</button>