2.Electron安装

最新推荐文章于 2024-01-26 20:12:22 发布
最新推荐文章于 2024-01-26 20:12:22 发布
阅读量741 收藏
点赞数
文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z77863/article/details/130824434
版权
本文介绍了在开发Electron应用前的准备，包括先安装Node.js，然后详细讲解了Electron的安装过程，以及遇到的问题如国内安装问题的解决方法。接着，文章阐述了Electron的基本概念，包括主进程、渲染进程及其区别，强调了它们在GUI操作和原生资源交互中的角色和通讯方式。
摘要由CSDN通过智能技术生成

一、开发前准备

在使用 Electron 开发应用之前，要先安装 Electron，而 Electron 需要依赖 Node.js，因此在安装之前，要先安装 Node.js。Node.js 允许使用 JavaScript 开发服务端以及命令行程序，读者可以到 Node.js 的官网下载最新版本的安装程序。

Node.js 是跨平台的，建议读者下载长期维护版本（LTS），然后双击安装程序开始安装即可。

二、安装

1.安装完 Node.js 后，进入终端（Windows 下是命令提示符窗口）

node -v vx.x.x v16.16.0 我的版本是16.16.0

备注：如果执行这个命令不报错，出来版本号，说明安装没有问题，下面也一样，最好安装14.x.x以后的版本

2.node安装好没有问题，然后再运行如下命令安装 Electron。// 全局安装

3.安装完 Electron 后，可以输入下面的命令查看 Electron 版本。</

最低0.47元/天 解锁文章
z77863
关注
Electron 安装
天空之外
05-06 5259
本节我们来学习 Electron 的安装。要安装 Electron ，首先需要保证本地已经安装好了 Node.js。 Node.js的安装 Node.js 的官网地址为：https://nodejs.org/en/，进入官网页面如下所示： 推荐下载 LTS 版本，下载好后，执行安装程序，根据引导完成安装即可。 安装完成后，我们需要确认 Node.js 是不是可以正常工作。可以通过在命令行工具中输入如下命令来检测是否安装成功： $ node -v $ npm -v 如下图所示，如果这两个命令均显示版本号则
前端小白安装node、vue、Express、Electron及(Electron桌面端exe应用开发)
最新发布
07-31 1038
前端小白安装node、vue、Express、Electron及(Electron桌面端exe应用开发)
electron安装
jakelihua
07-30 3573
Electron是一种强大的桌面应用开发框架，使用HTML、CSS和JavaScript构建跨平台的应用程序。它基于Node.js和Chromium，可以在Windows、macOS和Linux等操作系统上运行，为开发者提供了一种简单而高效的方式来创建原生桌面应用。
electron 安装
m0_52066610的博客
05-06 226
electron 安装 安装步骤 npm install -g cnpm --registry=https://registry.npm.taobao.org 创建后，在vscode里面创建一个新的空文件夹，打开你的命令行工具，然后从该文件夹运行npm init npm 会帮助你创建一个基本的 package.json 文件。 其中的 main 字段所表示的脚本为应用的启动脚本，它将会在主进程中执行，在scripts中，添加start:"electron .“注意有个空格在.前
安装electron
奔跑的QQEE的笔记
06-22 2020
1、安装node.js。node官网地址2、windows 下，命令行界面检查node是否安装成功。分别输入 node -v npm -v 。如果出现 node 和 npm 的版本号，则转下一步。否则转第一步。3、命令行下载淘宝镜像命令工具 cnpm。npm install cnpm -g --registry=http://registry.npm.taobao.org4、用 cnpm 命令安装
Node.js-基于Electron的一个Node.js安装器
08-10
这个“Node.js-基于Electron的一个Node.js安装器”项目，显然就是利用Electron的特性来创建一个专门用于安装Node.js的用户界面应用程序。 Electron的工作原理是将Chromium浏览器引擎和Node.js集成在一起，这样...
electron打包资源下载30.0.9/electron-v30.0.9-win32-ia32.zip
05-31
描述 "electron打包时需要用到的包" 提示我们这个压缩文件包含了在Electron应用打包过程中必要的文件，这些文件对于将一个Electron应用转化为可分发的安装程序至关重要。 标签 "electron" 和 "windows" 指明了这个...
tesseract.js-electron:在电子中使用tesseract.js的示例
05-25
2. **优势**：Electron提供了丰富的API来访问操作系统功能，如文件系统、通知、对话框等，同时开发者可以利用Web开发的技能快速上手。 **三、项目安装与运行** 1. **安装**：要运行这个示例项目，首先确保本地已...
electronjs 安装 ffi-napi 记录.pdf
12-16
### ElectronJS 安装 ffi-napi 记录 本文档主要记录了在ElectronJS环境中安装ffi-napi模块的过程及步骤。此文档适用于那些希望通过详细步骤来安装并配置ffi-napi模块以支持ElectronJS应用的开发人员。 #### 1. ...
安装Electron
vmanas_的博客
12-01 1217
electron 安装不成功
Electron的安装与使用
m0_50298323的博客
07-05 6401
Electron的安装与使用
Electron安装
qq_41256253的博客
01-26 483
【代码】Electron安装。
electron安装【纯详细版】
谢谢大家的关注
04-22 7238
Electron是一个使用JavaScript构建桌面应用程序的框架， HTML 和 CSS。通过将 Chromium 和 Node.js嵌入到其 二进制，Electron允许您维护一个JavaScript代码库并创建 在 Windows、macOS 和 Linux 上运行的跨平台应用程序 — 无需本机开发 需要经验。Node.js 可以做什么？轻量级、高性能的 Web 服务前后端 JavaScript 同构开发便捷高效的前端工程化。
electron的安装
Destinynever的博客
03-08 159
1.我使用有两种方式进行安装 a.使用vue-cli (1) 通过vue-cli创建vue项目 (2) 使用npm run build 进行打包 （提前在config中配置打包的路径 如果是vue-vli3 以上的用户需要自行创建vue.config.js文件） module.exports = { publicPath: "./", // 公共路径(必须有的) outputDir: "dist", // 输出文件目录 assetsDir...
electron环境安装
weixin_50645221的博客
07-23 330
本文主要介绍在有公司代理的情况下，electron的安装： 安装前的准备工作 关闭所有代理软件，在系统的代理设置中，设置好公司的代理 执行命令设置http代理，如果公司有https代理的话可以设置，没有的话不要设置，因为http和https协议不同，会干扰npm config set proxy http://server:port，如果代理有用户密码，可以npm config set proxy http://username:password@server:port 这里是重点，公司如果不支持http
electron 环境安装
tonysh_zds的博客
03-30 577
安装 cnpm install --save-dev @electron-forge/cli cnpm install --save-dev @electron-forge/cli 2、创建项目 electron-forge init my-app 3、安装electron cd my-app cnpm install --save-dev electron 4、打包 npm run make
vue2安装electron
10-12
要在 Vue2 中安装 Electron，可以按照以下步骤进行： 1. 创建一个 Vue2 项目：`vue create my-project` 2. 安装 `electron` 和 `electron-builder`：`npm install electron electron-builder --save-dev` 3. 在项目根目录下创建 `main.js` 文件，用于启动 Electron 应用： ``` const { app, BrowserWindow } = require('electron') function createWindow () { // 创建浏览器窗口 let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // 加载应用的 index.html win.loadFile('dist/index.html') } app.whenReady().then(createWindow) ``` 4. 修改 `package.json` 文件，添加以下配置： ``` { "main": "main.js", "scripts": { "electron:serve": "vue-cli-service electron:serve", "electron:build": "vue-cli-service electron:build" }, "build": { "builderOptions": { "appId": "com.example.myapp", "productName": "My App" } } } ``` 5. 运行应用：`npm run electron:serve`
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值