如何用Web前端技术就能开发出桌面应用程序?

本文介绍了使用 Electron 框架如何用Web前端技术开发桌面应用程序。主要内容包括安装 Electron、创建窗口、理解主进程与渲染进程的关系,以及如何打包和发布应用。文中还提供了克隆仓库、安装依赖、运行应用的步骤,以及通过 electron-forge 初始化项目的指南。
摘要由CSDN通过智能技术生成

Web前端技术开发桌面应用的方式
CEF:用 Chromium&Webkit 来呈现 web 页面,是客户端里面嵌浏览器,浏览器里面跑网页。

heX:基于CEF,内部整合了开源项目 Chromium 及 node.js。

nw:基于Chromium 和 node.js,利用 web 方式开发跨平台桌面应用的平台技术。

electron:底层也是基于Chromium 和 node.js。

等等。。。

案例实操~electron
electron 是 github 开发的,用来开发桌面应用的一款前端框架

开发环境
安装 node.js
nodejs下载地址

为了避免网络问题对 Node 工作时的影响,我们安装国内的 node 镜像 cnpm。

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 electron
npm install --save-dev electron

或者全局安装

npm install -g electron

开发工具
VSCode

其实 vscode 就是 electron 开发的

开发一个简易的 electron
Electron 应用使用 JavaScript 开发,其工作原理和方法与 Node.js 开发相同。 electron 模块包含了 Electron 提供的所有 API 和功能,引入方法和普通 Node.js 模块一样:

const electron = require(‘electron’)

electron 模块所提供的功能都是通过命名空间暴露出来的。 比如说: electron.app负责

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值