1.electron之纯原生js/jquery的桌面应用程序（基础篇）
创建一个简单的Electron应用，使用纯原生的JavaScript或者jQuery来构建用户界面。
首先，确保你已经安装了Node.js和npm。
- 创建一个新的项目文件夹，并在命令行中运行以下命令来初始化一个新的npm项目：
mkdir electron-quick-start
cd electron-quick-start
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窗口，加载index.html文件。你可以在index.html文件的<body>标签中添加更多的JavaScript或jQuery代码来增强应用程序的功能。
评论已关闭