使用electron打包前端代码安装包

本文详细介绍了如何使用Electron将前端Vue项目打包成exe安装包,包括npm安装 Electron、创建main文件、打包过程以及解决遇到的问题,如fs.existsSync错误和win32 error code 740等。
摘要由CSDN通过智能技术生成

 

项目的构建这里就不讲了,我的项目是使用vuecli创建的,node.js也是需要的

一、npm安装

npm install electron -g
npm install -g electron-prebuilt
npm install -g electron-packager

package.json 

{
  "name": "wisdom",
  "version": "0.1.0"
  "main": "src/index.js",
  "scripts": {
    "start": "electron ."
  },
  "dependencies": {
    "electron": "^7.0.0"
  }

main对应调用electron代码放置的位置,

start是npm start 运行electron,打开窗口

"electron": "^7.0.0"是electron的版本

二、创建main文件

接下来根据main的路径创建对应的文件,用来调用electron并实现功能



const { app, BrowserWindow, Menu, ipcMain, shell } = require('electron')
let 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值