搭建angular+electron项目

install angular cli

npm install -g @angular/cli

create angular project

ng new wolverine-angular

install electron

npm install --save-dev electron@latest

书写main.js

const { app, BrowserWindow } = require('electron')

const url = require("url")
const path = require("path")

let mainWindow

const winURL = `file://${__dirname}/dist/wolverine-angular/index.html`

function createWindow() {
    mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true
        }
    })

    mainWindow.loadURL(winURL);
    mainWindow.on('closed', function () {
        mainWindow = null
    })
}
console.log(app);
app.on('ready', createWindow)

app.on('window-all-closed', function () {
    if (process.platform !== 'darwin') app.quit()
})

app.on('activate', function () {
    if (mainWindow === null) createWindow()
})

添加main和npm start

    {
      "name": "electron-app",
      "version": "0.0.0",
      "main": "main.js",
      "scripts": {
        "ng": "ng",
        "start": "ng build --base-href ./ && electron .",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
      }, 
      // [...]
    }

启动完成

npm start