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
相关推荐
张元清1 分钟前
React 19 Hooks:新特性及高效使用指南
前端·javascript·面试
敏捷建模4 分钟前
Zig语言能够编写同时针对PC端和手机端自适应的软件吗
前端
Hello_Embed11 分钟前
LVGL 入门(四):大小坐标与盒子模型
前端·笔记·stm32·单片机·嵌入式
༄天M宇ༀ20 分钟前
E10: e-builder 低代码构建平台接口管理(E9建模版)
java·前端·spring·servlet·reactjs
窝子面33 分钟前
解决vite构建的项目中使用path报错
前端
kana_yonk36 分钟前
如何设置前端vue程序开机自启(Windows)
前端·vue.js·windows
清空mega37 分钟前
《Vue3 中 computed、watch、watchEffect 怎么用?响应式核心能力详解》
前端·javascript·vue.js
ego.iblacat1 小时前
在 LNMP 平台中部署 Web 应用
android·前端·adb
weixin199701080161 小时前
南网商城商品详情页前端性能优化实战
java·前端·性能优化
陈天伟教授1 小时前
WEB应用安全与防护 - 实操案例 2:CSRF(跨站请求伪造)—— 伪造用户操作
前端·安全·xss