Electron打包桌面应用程序
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。
github项目地址:https://github.com/wukingui/electron-app
博客地址:https://www.xiaofly.cn/post-details?id=627b25fd6ab15234c68a1677
一、初始化项目
1、npm init
指令初始化项目配置:
entry point
选项的值应为main.js
author
和description
也必须填写,但是可以填写任意值
package.json
{
"name": "electron-app",
"version": "1.0.0",
"description": "a electron app demo",
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "xxx@gmail.com",
"license": "ISC"
}
2、安装依赖:
npm install --save-dev electron electron-builder
3、修改package.json
,在scripts
里添加start
指令:
"start": "electron ."
4、执行npm start
启动项目,会发现如下图报错:
这是因为现在还没有mian.js
文件,线程找不到主进程。
二、创建视图文件和入口文件
1、新建index.html视图文件。
<!--index.html-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv<