解决方法如下:
npm install -g @angular/cli
ng new my-angular-app
cd my-angular-app
npm install electron --save-dev
mkdir electron-app
cd electron-app
const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadURL('http://localhost:4200')
win.webContents.openDevTools()
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})
"scripts": {
"electron": "electron ./electron-app/main.js"
}
npm install robotjs --save
import { Component, OnInit } from '@angular/core';
const robot = require('robotjs');
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
constructor() { }
ngOnInit(): void {
// 使用robotjs的示例代码
const mouse = robot.getMousePos();
console.log('Mouse position:', mouse);
robot.moveMouse(mouse.x + 100, mouse.y + 100);
robot.mouseClick();
}
}
以上是一个基本的解决方法,其中包含了Angular、electron、typescript和robotjs的代码示例。