electron安装、运行及打包

最新推荐文章于 2024-06-27 21:14:08 发布

zhengzhongwu_2006

最新推荐文章于 2024-06-27 21:14:08 发布

阅读量525

点赞数

分类专栏：工具类

本文链接：https://blog.csdn.net/zhengzhongwu/article/details/107712459

版权

本文详细介绍了如何安装Electron，包括选择合适的Node版本，通过两种方式开始一个Electron应用，从下载示例代码到创建新工程。接着，讲解了如何使用npm和electron-packager进行应用打包，最后提到了将打包后的exe文件夹用Inno Setup或NSIS进一步封装为安装包的过程。

摘要由CSDN通过智能技术生成

1、安装
node-v12.18.3-x64.msi

2、开始一个应用(以下二选一)
下载示例代码
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install --save-dev electron
npm start

创建一个新工程
mkdir helloworld
cd helloworld
npm init
生成main.js和index.html
修改package.json，增加"start": "electron ."，用于启动。
npm install --save-dev electron
npm start

main.js

// Modules to control application life and create native browser window
const {app, BrowserWindow} = require('electron')
const path = require('path')

function createWindow () {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })

  // and load the index.html of the app.
  mainWindow.loadFile('index.html