在開發實際應用程序了解到，打印功能實用性非常強。打印的內容可以是所有數據表總結報告，或單個頁面，等等。最近在我的項目中，我使用了 Electron-Vue 構建一個應用程序，并為其添加了打印功能。本文將分享我是如何讓 Electron-Vue 應用程序打印。

首先，我們需要安裝兩個包，electron-printing和windows-printer。特別要注意安裝electron-printing要在devDependencies中，而在dependencies中安裝windows-printer。下面是如何安裝：

$npm install --save-dev electron-printing$npm install --save windows-printer

安裝完畢后，在您的主進程中使用以下代碼進行設置：

const printing = require('electron-printing');
const electron = require('electron');
const BrowserWindow = electron.BrowserWindow;
// 獲取主窗口
let mainWindow = BrowserWindow.getFocusedWindow();
// 使用瀏覽器窗口“行動”，創建“打印預覽”窗口
printing.preview(mainWindow, {
title: 'Print Preview',
margin: {
marginsType: 'printableArea'
}
});

上述代碼是將要執行申請打印設備，并在應用程序中顯示打印預覽。在窗口加載完畢后，使用以下代碼在渲染進程中定義一個打印按鈕：

<button id="printButton" onclick="print()">Print</button>

最后，使用以下代碼在腳本中定義打印功能：

const electron = require('electron');
const BrowserWindow = electron.BrowserWindow;
function print() {
let mainWindow = BrowserWindow.getFocusedWindow();
let title = mainWindow.getTitle();
// 打印窗口
printing.print(mainWindow, {
title: title,
margin: {
marginsType: 'printableArea'
}
});
}

這就是將 Electron-Vue 應用程序打印的基本過程！