您好,登錄后才能下訂單哦!
在 Electron 中使用 HTML、CSS 和 JavaScript 是非常簡單的。下面是一個簡單的示例:
mkdir my-electron-app
cd my-electron-app
npm init -y
npm install electron
<!DOCTYPE html>
<html>
<head>
<title>My Electron App</title>
<style>
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
</style>
</head>
<body>
<h1>Hello Electron!</h1>
<script>
alert('Hello from JavaScript!');
</script>
</body>
</html>
const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile('index.html')
}
app.whenReady().then(createWindow)
"scripts": {
"start": "electron ."
}
npm start
現在,您應該能夠在 Electron 中看到一個簡單的應用程序,其中包含了使用 HTML、CSS 和 JavaScript 編寫的內容。您可以根據需要進一步擴展和修改這個應用程序。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。