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
相关推荐
月走乂山2 小时前
DSH 桌面版用 DeepSeek 报 REQUEST_EXTENSION 的根因定位与修复
electron·node.js·插件系统·deepseek·bug排查·dsh·deepseek harness
半个落月6 小时前
LangSmith 全链路观测(下):用 Dataset 与 LLM Judge 量化评估 RA
javascript·langchain
半个落月7 小时前
LangSmith 全链路观测(上):用 LangGraph 与 Milvus 构建可追踪的 RAG 客服
javascript·langchain
Java后端的Ai之路8 小时前
06-React-Props
前端·react.js·前端框架
半个落月8 小时前
LangChain.js Agent 中间件实战:生命周期、动态工具与文件权限
javascript·langchain
Flynt8 小时前
开源"间谍卫星"说数据全是真的,我把它的免key数据源挨个试了一遍
前端·开源·数据可视化
Csvn9 小时前
渲染管线
前端
程序员大阳9 小时前
副队长CSS教程(33)–圆角与透明
前端·css·透明·圆角
志尊宝9 小时前
Vue3 零基础每日笔记(082):文件上传实战——el-upload 校验、自定义上传、头像预览
前端·javascript·vue.js·笔记·#javascript·#vue.js
鬼手点金9 小时前
opencode-rules 插件
java·开发语言·前端·人工智能·chrome·git·github