创建第一个electron项目_electron npapi-优快云博客

本文介绍了如何创建一个基本的Electron项目，包括必要的package.json和main.js文件，设置启动页面，安装并运行应用，以及使用electron-packager进行应用打包。详细步骤包括初始化package.json，创建index.html，全局安装electron，指定启动命令，以及添加打包配置和运行打包命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

必要文件

package.json
main.js
页面文件

package

package文件中主要放的是项目的配置（可以使用命令npm init）创建

main

// 引入electron模块
var electron = require('electron');

// 用来控制应用的生命周期
var app = electron.app;

// 用来创建浏览器窗口
var BrowserWindow = electron.BrowserWindow;
// 创建一个全局变量，名字随便取，相当于普通网页中的 window 对象
var mainWindow;
// 当软件触发 ready 事件之后，创建浏览器窗口
app.on('ready', function() {
   
   
    // 创建浏览器窗口。
    mainWindow = new BrowserWindow({
        width:400,
        height: 200,
    });
    // 加载 example 目录下的index.html，就是刚才我们新建的那个  mainWindow.loadURL('file://'+__dirname+'/start.html');
});

再放一个老板本使用的方法

var app = require('app');  // 控制应用生命周期的模块。

var BrowserWindow = require('browser-window');  // 创建原生浏览器窗口的模块


// 保持一个对于 window 对象的全局引用，不然，当 JavaScript 被 GC，
// window 会被自动地关闭
var mainWindow = null;
//开启npapi
app.commandLine.appendSwitch('--enable-npapi');
// 当 Electron 完成了初始化并且准备创建浏览器窗口的时候
// 这个方法就被调用