electron框架（1.0）认识electron和基础创建

不断努力的根号七2025-03-20 13:19

----什么是electron框架

----electron流程模型

----项目搭建

--起步（需下载）：

复制代码

node -v
npm -v

--创建初始文件：

复制代码

mkdir my-electron-app && cd my-electron-app
npm init

示例：

--创建好后的package.json文件（格式）：

---安装 Electron：

复制代码

npm install --save-dev electron
//或者
npm install electron -D

--配置并启动

在 package.json配置文件中的scripts字段下增加一条start命令：

复制代码

{
  "scripts": {
    "start": "electron ."
  }
}

完整的package.json代码：

复制代码

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "author": "bin9153",
  "license": "ISC",
  "description": "electron test",
  "dependencies": {
    "electron": "^31.2.0"
  }
}

代码解析：

---创建并写入main.js

复制代码

console.log(123)

运行项目：

复制代码

npm start