vue + Electron でデスクトップ アプリケーションを作成するためのサンプル コード

{
  "name": "demo", //プロジェクト名 "productName": "demo",
  "author": "著者",
  "バージョン": "1.0.4",
  "メイン": "main.js",
  "description": "プロジェクトの説明",
  「スクリプト」: {
  	"start": "electron .", //electronプロジェクトを開始します "pack": "electron-builder --dir",
    "dist": "電子ビルダー",
    "postinstall": "electron-builder install-app-deps",
	"packager": "electron-packager . myClient --win --out ../myClient --arch=x64 --app-version=0.0.1 --electron-version=2.0.0" //プロジェクトをexeファイルにパッケージ化します},
  "建てる"： {
    "電子バージョン": "2.0.18",
    "勝つ"： {
      "要求された実行レベル": "最高利用可能",
      「ターゲット」: [
        {
          "ターゲット": "nsis",
          「アーチ」: [
            「x64」
          ]
        }
      ]
    },
    「アプリID」: 「デモ」、
    "artifactName": "demo-${version}-${arch}.${ext}",
    "nsis": {
      "artifactName": "demo-${version}-${arch}.${ext}"
    }
  },
  「依存関係」: {
    "コア-js": "^2.4.1",
    "電子アップデータ": "^2.22.1"
  },
  「devDependencies」: {
    "電子パッケージャー": "^12.1.0",
    "電子ビルダー": "^20.19.2"
  }
}

onst {app, BrowserWindow} =require('electron'); //electronを導入する
勝たせる;
定数パス = require('path')
windowConfig = {
  幅:800,
  高さ:600,
  webPreferences:{preload: path.resolve(__dirname, 'electron-preload.js')}
}; //ウィンドウ設定プログラム実行ウィンドウサイズ関数createWindow(){
  win = new BrowserWindow(windowConfig); //ウィンドウを作成 win.loadURL(`file://${__dirname}/index.html`); //ウィンドウに表示されるコンテンツ index.html は、パッケージ化された生成された index.html です
  win.webContents.openDevTools(); //デバッグツールを開く win.on('close',() => {
    //BrowserWindow オブジェクトをリサイクル win = null;
  });
  win.on('サイズ変更',() => {
    win.reload();
  })
}
app.on('ready',createWindow);
app.on('読み込まれました',()=>{
  コンソールログ("aaa")
});
app.on('ウィンドウがすべて閉じました',() => {
  アプリを終了します。
});
app.on('アクティブ化',() => {
  if(win == null){
    ウィンドウを作成します。
  }
});

const { ipcMain } = require('electron')
ipcMain.on("ping",関数(even,arg){
  console.log(引数)
  even.returnValue = "ポン"
})