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
相关推荐
AiXed1 小时前
PC微信协议之AES-192-GCM算法
前端·数据库·python
AllData公司负责人1 小时前
实时开发平台(Streampark)--Flink SQL功能演示
大数据·前端·架构·flink·开源
小满zs2 小时前
Next.js第五章(动态路由)
前端
清沫2 小时前
VSCode debugger 调试指南
前端·javascript·visual studio code
一颗宁檬不酸2 小时前
页面布局练习
前端·html·页面布局
zhenryx3 小时前
React Native 自定义 ScrollView 滚动条:开箱即用的 IndicatorScrollView(附源码示例)
javascript·react native·react.js·typescript
金木讲编程3 小时前
Claude、Agent与Copilot协作生成Angular应用
前端·ai编程
振华OPPO4 小时前
Vue:“onMounted“ is defined but never used no-unused-vars
前端·javascript·css·vue.js·前端框架
欧雷殿4 小时前
在富阳银湖成立地域化的软件研发团队
前端·程序员·创业
狂炫冰美式5 小时前
前端实时推送 & WebSocket 面试题(2026版)
前端·http·面试