electron框架(1.0)认识electron和基础创建

----什么是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
相关推荐
codeY1 分钟前
Vite 前端发布后「点击菜单没反应」?旧版本资源 404 的完整排查与修复实录
前端·前端工程化
90后的晨仔19 分钟前
uni-app Vue3 状态管理 Pinia 完全指南:从概念到实战的深度解析
前端
mqiqe19 分钟前
AgentScope Java 2.0 集成 Chat Completions Web:一行依赖让你的 Agent 变身 OpenAI 兼容服务
java·开发语言·前端
程序员小八77720 分钟前
后端开发初学TypeScript
前端·javascript·typescript
90后的晨仔22 分钟前
Puppeteer 与 Playwright 深度实战指南:从零到精通,全面提升开发效率
前端
sunphp开发者30 分钟前
阿里云CDN加速配置问题
前端·阿里云·云计算
小小数媒成员36 分钟前
存储器层级结构
java·服务器·前端
单线程121382 小时前
从案例分析 Vue3 Tokenizer 源码
前端·javascript·vue.js
明月_清风2 小时前
🖥️ Electron 三进程 Host 实战:从架构设计到生产落地的完整指南
前端·electron·客户端
GIS数据转换器2 小时前
智慧林草“一张图“平台
java·大数据·服务器·前端·javascript·数据库·人工智能