2.electron之纯原生js/jquery的桌面应用程序（应用篇）
创建一个简单的Electron应用，使用纯原生的JavaScript或者jQuery来构建用户界面。
首先，确保你已经安装了Node.js和npm。
- 创建一个新的项目文件夹，并在命令行中运行以下命令来初始化一个新的npm项目：
mkdir my-electron-app
cd my-electron-app
npm init -y- 安装Electron作为开发依赖项：
npm install electron --save-dev- 在项目根目录下创建一个名为
main.js的文件，它将作为你的主进程逻辑：
const { app, BrowserWindow } = require('electron');
function createWindow () {
let win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('index.html');
}
app.whenReady().then(createWindow);- 在项目根目录下创建一个名为
index.html的文件，它将作为你的界面模板：
<!DOCTYPE html>
<html>
<head>
<title>Electron App</title>
</head>
<body>
<h1>Hello Electron!</h1>
<!-- 这里可以添加你的原生JavaScript或jQuery代码 -->
</body>
</html>- 在
package.json中添加一个启动脚本：
"scripts": {
"start": "electron ."
}- 最后，在命令行中运行你的应用：
npm start这样你就有了一个简单的Electron应用，可以在其中使用原生JavaScript或jQuery来构建用户界面。如果你想要使用jQuery，确保你在main.js中的BrowserWindow配置中将nodeIntegration设置为true，这样就可以在渲染进程中使用require来引入jQuery。
评论已关闭