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
相关推荐
star learning white几秒前
xm C语言12
服务器·c语言·前端
tabzzz几秒前
大道至简:万字漫谈前端性能监控
前端·javascript·性能优化
0思必得08 分钟前
[Web自动化] CSS基础概念和介绍
前端·css·python·自动化·html·web自动化
小胖霞10 分钟前
全栈系列(15)github Actions自动化部署前端vue
前端·node.js·github
未来魔导11 分钟前
基于 Gin 框架的 大型 Web 项目推荐架构目录结
前端·架构·gin
foundbug99933 分钟前
Modbus协议C语言实现(易于移植版本)
java·c语言·前端
Luna-player34 分钟前
在前端中list.map的用法
前端·数据结构·list
用户479492835691538 分钟前
面试官问 React Fiber,这一篇文章就够了
前端·javascript·react.js
小徐_23331 小时前
Gemini 3做粒子交互特效很出圈?拿 TRAE SOLO 来实现一波!
前端·ai编程·trae
LYFlied1 小时前
【一句话概述】Webpack、Vite、Rollup 核心区别
前端·webpack·node.js·rollup·vite·打包·一句话概述